.figma-workflow{--fg-card: var(--bg-4, #1e2022);--fg-card-2: var(--bg-3, #16191d);--fg-line: var(--line, #3a4a46);--fg-hair: var(--hairline-strong, rgba(58, 74, 70, .55));--fg-warn: var(--secondary, #f5c09a);--fg-danger: var(--danger, #ff6b5f);--fg-ok: var(--primary, #49c978);--fg-tint: rgba(73, 201, 120, .12);display:flex;flex-direction:column;min-width:0;color:var(--text-0, #f4f2ec);font:13px/20px Inter,sans-serif}.figma-workflow .fg-btn{min-height:30px;box-sizing:border-box;padding:5px 12px;margin:0;border:1px solid var(--fg-line);border-radius:5px;background:var(--fg-card);color:var(--text-0, #f4f2ec);font:500 13px/18px Inter,sans-serif;cursor:pointer;white-space:nowrap}.figma-workflow .fg-btn:hover{border-color:var(--text-2, #83948f)}.figma-workflow .fg-btn:focus-visible{outline:2px solid var(--fg-ok);outline-offset:1px}.figma-workflow .fg-btn.primary{background:var(--fg-ok);border-color:var(--fg-ok);color:var(--bg-1, #0c0e10);font-weight:600}.figma-workflow .fg-btn.primary:hover{background:var(--primary-strong, #2fa864);border-color:var(--primary-strong, #2fa864)}.figma-workflow .fg-btn.ghost{background:transparent;border-color:transparent;color:var(--text-1, #b9cac4)}.figma-workflow .fg-btn.ghost:hover{color:var(--text-0, #f4f2ec);border-color:var(--fg-line)}.figma-workflow .fg-btn.danger{color:var(--fg-danger)}.figma-workflow .fg-btn.sm{min-height:26px;padding:3px 9px;font-size:12px}.figma-workflow .fg-btn:disabled{opacity:.5;cursor:default}.figma-workflow .fg-row{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.figma-workflow .fg-muted{color:var(--text-2, #83948f);font-size:12px;line-height:18px}.figma-workflow .fg-note{color:var(--text-1, #b9cac4);max-width:640px}.figma-workflow .fg-h{font-weight:700;color:var(--text-0, #f4f2ec);font-size:14px;line-height:20px;margin:0 0 6px}.figma-workflow .fg-h2{font-weight:600;color:var(--text-1, #b9cac4);font-size:12px;line-height:18px;text-transform:uppercase;letter-spacing:.06em;margin:14px 0 6px}.figma-workflow .fg-badge{display:inline-flex;align-items:center;gap:5px;padding:1px 8px;border-radius:10px;border:1px solid var(--fg-line);color:var(--text-1, #b9cac4);font-size:11px;line-height:18px;white-space:nowrap}.figma-workflow .fg-badge.ok{color:var(--fg-ok);border-color:#49c97873;background:var(--fg-tint)}.figma-workflow .fg-badge.warn{color:var(--fg-warn);border-color:#f5c09a73;background:#f5c09a14}.figma-workflow .fg-badge.danger{color:var(--fg-danger);border-color:#ff6b5f73;background:#ff6b5f14}.figma-workflow .fg-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex:none}.figma-workflow .fg-header{position:sticky;top:0;z-index:5;background:var(--bg-2, #121416);border-bottom:1px solid var(--fg-hair);padding:10px 16px 0}.figma-workflow .fg-screen{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;min-width:0}.figma-workflow .fg-screen-id{display:flex;flex-direction:column;min-width:180px;flex:1 1 260px}.figma-workflow .fg-screen-title{font-weight:700;font-size:14px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figma-workflow .fg-screen-sub{color:var(--text-2, #83948f);font-size:12px;line-height:18px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figma-workflow .fg-progress{height:4px;margin:6px 0 2px;border-radius:2px;background:var(--fg-hair, #2c3835);overflow:hidden}.figma-workflow .fg-progress-fill{height:100%;width:0%;border-radius:2px;background:var(--fg-ok, #49c978)}.figma-workflow .fg-progress.indeterminate .fg-progress-fill{width:35%;animation:fg-progress-slide 1.1s ease-in-out infinite}@keyframes fg-progress-slide{0%{margin-left:-35%}to{margin-left:100%}}.figma-workflow .fg-missing-images{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 2px;padding:6px 10px;border:1px solid rgba(245,192,154,.45);border-radius:6px;background:#f5c09a14;color:var(--text-0, #f4f2ec);font-size:12px;line-height:18px}.figma-workflow .fg-screen-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:relative}.figma-workflow .fg-seg{display:inline-flex;border:1px solid var(--fg-line);border-radius:6px;overflow:hidden}.figma-workflow .fg-seg button{min-height:28px;padding:3px 12px;border:0;border-right:1px solid var(--fg-line);background:var(--fg-card);color:var(--text-1, #b9cac4);cursor:pointer;font:12px/18px Inter,sans-serif}.figma-workflow .fg-seg button:last-child{border-right:0}.figma-workflow .fg-seg button[aria-checked=true],.figma-workflow .fg-seg button[aria-pressed=true]{background:var(--fg-ok);color:var(--bg-1, #0c0e10);font-weight:600}.figma-workflow .fg-seg button:disabled{opacity:.5;cursor:default}.figma-workflow .fg-tabs{display:flex;gap:2px;margin-top:8px}.figma-workflow .fg-tab{padding:6px 12px;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--text-2, #83948f);cursor:pointer;font:600 12px/18px Inter,sans-serif}.figma-workflow .fg-tab:hover{color:var(--text-0, #f4f2ec)}.figma-workflow .fg-tab[aria-selected=true]{color:var(--text-0, #f4f2ec);border-bottom-color:var(--fg-ok)}.figma-workflow .fg-tab .fg-count{margin-left:6px;padding:0 6px;border-radius:8px;background:#f5c09a29;color:var(--fg-warn);font-size:11px}.figma-workflow .fg-menu{position:absolute;right:0;top:36px;z-index:20;min-width:300px;max-width:380px;padding:6px;border:1px solid var(--fg-line);border-radius:7px;background:var(--s-float, #1a1d20);box-shadow:0 8px 24px #00000073}.figma-workflow .fg-menu button{display:block;width:100%;text-align:left;padding:7px 10px;border:0;border-radius:5px;background:transparent;color:var(--text-0, #f4f2ec);cursor:pointer;font:13px/18px Inter,sans-serif}.figma-workflow .fg-menu button:hover{background:var(--fg-card)}.figma-workflow .fg-menu button:disabled{opacity:.45;cursor:default}.figma-workflow .fg-menu button small{display:block;color:var(--text-2, #83948f);font-size:11px;line-height:16px}.figma-workflow .fg-menu button.danger{color:var(--fg-danger)}.figma-workflow .fg-menu hr{border:0;border-top:1px solid var(--fg-hair);margin:5px 0}.figma-workflow .fg-body{padding:12px 16px 16px}.figma-workflow .fg-cols{display:flex;flex-wrap:wrap;gap:16px;align-items:flex-start}.figma-workflow .fg-col{flex:1 1 380px;min-width:0}.figma-workflow .fg-card-box{border:1px solid var(--fg-line);border-radius:7px;background:var(--fg-card-2);padding:12px 14px}.figma-workflow .fg-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px}.figma-workflow .fg-design{display:flex;flex-direction:column;min-width:0;border:1px solid var(--fg-line);border-radius:7px;overflow:hidden;background:var(--fg-card)}.figma-workflow .fg-design.current{border-color:var(--fg-ok)}.figma-workflow .fg-design-cover{height:112px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-1, #0c0e10);color:var(--text-2, #83948f);font-size:24px;border-bottom:1px solid var(--fg-hair)}.figma-workflow .fg-design-cover img{display:block;width:100%;height:100%;object-fit:contain}.figma-workflow .fg-design-body{padding:8px 10px 10px;display:flex;flex-direction:column;gap:4px;min-width:0}.figma-workflow .fg-design-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figma-workflow .fg-steps{display:flex;flex-direction:column;gap:8px;max-width:760px}.figma-workflow .fg-step{display:flex;gap:12px;align-items:flex-start;padding:10px 12px;border:1px solid var(--fg-line);border-radius:7px;background:var(--fg-card-2)}.figma-workflow .fg-step.done{border-color:#49c97859}.figma-workflow .fg-step-num{width:24px;height:24px;flex:none;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid var(--fg-line);color:var(--text-1, #b9cac4);font-weight:700;font-size:12px}.figma-workflow .fg-step.done .fg-step-num{background:var(--fg-ok);border-color:var(--fg-ok);color:var(--bg-1, #0c0e10)}.figma-workflow .fg-step-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}.figma-workflow .fg-step-title{font-weight:600}.figma-workflow .fg-code{font:700 24px/1.2 ui-monospace,Menlo,monospace;letter-spacing:.14em;color:var(--text-0, #f4f2ec);padding:8px 14px;border:1px solid var(--fg-line);border-radius:6px;background:var(--bg-1, #0c0e10);display:inline-block;user-select:all}.figma-workflow .fg-path{font:12px/18px ui-monospace,Menlo,monospace;color:var(--text-0, #f4f2ec);background:var(--bg-1, #0c0e10);border:1px solid var(--fg-line);border-radius:4px;padding:6px 8px;overflow-wrap:anywhere;user-select:all}.figma-workflow .fg-input{width:100%;min-height:32px;box-sizing:border-box;padding:5px 9px;border:1px solid var(--fg-line);border-radius:5px;background:var(--bg-1, #0c0e10);color:var(--text-0, #f4f2ec);font:13px/20px Inter,sans-serif}.figma-workflow .fg-input:focus{outline:none;border-color:var(--fg-ok)}.figma-workflow .fg-banner{padding:10px 16px;border-bottom:1px solid var(--fg-hair);background:#f5c09a12;color:var(--text-0, #f4f2ec)}.figma-workflow .fg-banner.info{background:var(--fg-tint)}.figma-workflow .fg-banner.danger{background:#ff6b5f14}.figma-workflow .fg-table-wrap{overflow-x:auto;border:1px solid var(--fg-line);border-radius:7px}.figma-workflow .fg-table{width:100%;border-collapse:collapse;font-size:12px}.figma-workflow .fg-table th{text-align:left;font-weight:600;color:var(--text-2, #83948f);padding:7px 10px;border-bottom:1px solid var(--fg-line);background:var(--fg-card-2);white-space:nowrap}.figma-workflow .fg-table td{padding:7px 10px;border-bottom:1px solid var(--fg-hair);vertical-align:middle}.figma-workflow .fg-table tr:last-child td{border-bottom:0}.figma-workflow .fg-table tr.current td{background:var(--fg-tint)}.figma-workflow .fg-conflict{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:8px 10px;border:1px solid var(--fg-line);border-radius:7px;background:var(--fg-card)}.figma-workflow .fg-diff{width:100%;display:grid;grid-template-columns:minmax(90px,auto) 1fr 1fr;gap:2px 10px;font:11px/16px ui-monospace,Menlo,monospace;color:var(--text-1, #b9cac4)}.figma-workflow .fg-diff .k{color:var(--text-2, #83948f)}.figma-workflow .fg-diff .mine{color:var(--text-0, #f4f2ec)}.figma-workflow .fg-diff .theirs{color:var(--fg-warn)}.figma-workflow .fg-compare{display:flex;flex-wrap:wrap;gap:10px;margin:8px 0}.figma-workflow .fg-compare figure{margin:0;flex:1 1 220px;max-width:360px}.figma-workflow .fg-compare img{display:block;width:100%;max-height:180px;object-fit:contain;background:var(--bg-1, #0c0e10);border:1px solid var(--fg-line);border-radius:5px}.figma-workflow .fg-compare figcaption{color:var(--text-2, #83948f);font-size:11px;margin-top:3px}.figma-workflow .fg-api-flow{display:flex;flex-direction:column;gap:8px;min-width:0}.figma-workflow .fg-api-flow>*{flex-shrink:0}.figma-workflow .fg-api-flow .figma-connect-section{max-width:100%;box-sizing:border-box}.figma-workflow .fg-api-source .fg-input{flex:1 1 280px;min-width:0}.figma-workflow .fg-api-picker{box-sizing:border-box;width:100%;min-width:0}.figma-workflow .fg-api-preview img{display:block;width:100%;height:100%;object-fit:contain}@media (max-width: 560px){.figma-workflow .fg-api-source>.fg-row{flex-wrap:wrap!important}.figma-workflow .fg-api-source .fg-btn.primary{width:100%}}.figma-workflow .fg-connect-compact{min-width:0;flex-direction:column;gap:4px}.figma-workflow .fg-connect-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 8px}.figma-workflow .fg-connect-row>.fg-muted{flex:1 1 180px;min-width:0}.figma-workflow .fg-signin{display:inline-block;text-decoration:none;flex:0 0 auto}.figma-workflow .fg-source-compact{min-width:0;max-width:100%;margin:0}.figma-workflow .fg-source-heading{justify-content:space-between;margin-bottom:4px}.figma-workflow .fg-source-label{font-weight:600;color:var(--text-1,#b9cac4);font-size:12px;line-height:18px}.figma-workflow .fg-account{min-width:0}.figma-workflow .fg-account-line{max-width:320px;overflow-wrap:anywhere}.figma-workflow .fg-url-row{flex-wrap:wrap;margin-bottom:4px}.figma-workflow .fg-url-row>.fg-input{flex:1 1 220px;min-width:0}.figma-workflow .fg-url-row>.fg-btn{flex:0 0 auto}.figma-workflow .fg-api-selected{display:flex;flex-wrap:wrap;gap:12px;padding:12px;border:1px solid var(--fg-line);border-radius:7px;background:var(--fg-card)}.figma-workflow .fg-api-selected-image{flex:1 1 360px;min-width:0;height:280px;display:flex;align-items:center;justify-content:center;background:var(--bg-1,#0c0e10);overflow:hidden;color:var(--text-2,#83948f)}.figma-workflow .fg-api-selected-image img{display:block;width:100%;height:100%;object-fit:contain}.figma-workflow .fg-api-selected-details{flex:1 1 200px;min-width:0;display:flex;flex-direction:column;gap:8px;justify-content:center}.figma-workflow .fg-api-selected-name{font-size:16px;font-weight:600;overflow-wrap:anywhere}.figma-workflow .fg-api-actions{flex-wrap:wrap}.figma-workflow .fg-api-screen-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:8px;max-height:360px;overflow:auto;padding:1px}.figma-workflow .fg-api-screen-card{min-width:0;border:1px solid var(--fg-line);border-radius:6px;overflow:hidden;background:var(--fg-card)}.figma-workflow .fg-api-screen-choice{display:flex;flex-direction:column;align-items:stretch;width:100%;padding:0;border:2px solid transparent;background:transparent;color:var(--text-0,#f4f2ec);text-align:left;cursor:pointer}.figma-workflow .fg-api-screen-choice[aria-pressed=true]{border-color:var(--fg-ok);background:var(--fg-tint)}.figma-workflow .fg-api-screen-choice:focus{outline:1px solid var(--fg-ok)}.figma-workflow .fg-api-preview{height:112px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--bg-1,#0c0e10);color:var(--text-2,#83948f);font-size:11px}.figma-workflow .fg-api-preview[aria-busy=true]{background:var(--fg-card-2)}.figma-workflow .fg-api-screen-name{padding:5px 6px 1px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figma-workflow .fg-api-screen-choice>.fg-muted{padding:0 6px 5px;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figma-workflow .fg-api-batch{padding:4px 6px;font-size:11px}.figma-workflow .fg-api-page-nav{flex-wrap:wrap;justify-content:center;padding:8px 0}.figma-workflow .fg-api-notice{margin:8px 0;padding:8px;border:1px solid rgba(245,192,154,.35);border-radius:4px;color:var(--secondary,#f5c09a);background:#f5c09a14}.figma-workflow .fg-api-picker-visible{display:flex!important;flex-wrap:wrap;align-items:flex-start;gap:8px 12px}.figma-workflow .fg-api-picker-visible>.fg-row:first-child{order:0;flex:0 0 100%;min-width:0}.figma-workflow .fg-api-picker-visible>.fg-api-notice{order:1;flex:0 0 100%;margin:0;box-sizing:border-box}.figma-workflow .fg-api-picker-visible>.fg-api-page-nav{order:2;flex:0 0 100%;margin:0;padding:0}.figma-workflow .fg-api-picker-visible>.fg-api-screen-grid{order:3;flex:1 1 340px;min-width:0;grid-auto-rows:minmax(190px,auto);align-content:start}.figma-workflow .fg-api-picker-visible>.fg-api-selected{order:4;flex:1 1 280px;min-width:0;display:flex;flex-direction:column;flex-wrap:nowrap;gap:8px;padding:8px;box-sizing:border-box}.figma-workflow .fg-api-picker-visible .fg-api-selected-image{flex:none;height:180px;width:100%}.figma-workflow .fg-api-picker-visible .fg-api-selected-details{flex:none;width:100%}.figma-workflow .fg-api-picker-visible .fg-api-screen-card{min-height:190px}.figma-workflow .fg-api-picker-visible .fg-api-screen-choice{box-sizing:border-box}.figma-workflow .fg-api-picker-visible .fg-api-preview{flex:0 0 112px}.figma-workflow .fg-api-picker-visible .fg-api-screen-name{flex-shrink:0;min-height:18px;line-height:18px}.figma-workflow .fg-api-picker-visible .fg-api-screen-choice>.fg-muted{flex-shrink:0;min-height:16px;line-height:16px}.figma-workflow .fg-api-picker-visible .fg-api-batch{min-height:22px;box-sizing:border-box}.figma-workspace-backdrop{position:fixed;inset:0;z-index:850;padding:16px;box-sizing:border-box;background:#0009;display:flex;align-items:center;justify-content:center}.figma-workspace-dialog{max-width:100%;overflow:hidden;display:flex;flex-direction:column;background:var(--s-float,#1a1d20);color:var(--text-0,#f4f2ec);border:1px solid var(--line,#3a4a46);border-radius:9px;box-sizing:border-box}.figma-workspace-heading{display:flex;align-items:center;gap:12px;padding:10px 16px;border-bottom:1px solid var(--line,#3a4a46);flex-shrink:0}.figma-workspace-heading strong{flex:1;font-size:16px}.figma-workspace-content{flex:1 1 0;min-height:0;overflow:hidden}.figma-workspace-panel{box-sizing:border-box;min-height:0;overflow:auto}#figma-import-workspace .fg-gallery-open .figma-connect-section{display:none}#figma-import-workspace .fg-gallery-open .fg-api-source{margin-top:0!important}#figma-import-workspace .fg-api-picker-visible{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(260px,.85fr);gap:8px 14px}#figma-import-workspace .fg-api-picker-visible>.fg-row:first-child{grid-column:1 / -1}#figma-import-workspace .fg-api-picker-visible>.fg-api-selected{grid-column:2;grid-row:2 / 5;display:flex;flex-direction:column;flex-wrap:nowrap;align-self:start;min-width:0}#figma-import-workspace .fg-api-selected-image{flex:none;height:240px;width:100%}#figma-import-workspace .fg-api-selected-details{flex:none;width:100%}#figma-import-workspace .fg-api-notice{grid-column:1;margin:0}#figma-import-workspace .fg-api-page-nav{grid-column:1;margin:0;padding:0}#figma-import-workspace .fg-api-screen-grid{grid-column:1;max-height:360px;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));grid-auto-rows:minmax(190px,auto);align-content:start}#figma-import-workspace .fg-api-screen-card{min-height:190px}#figma-import-workspace .fg-api-screen-choice{box-sizing:border-box}#figma-import-workspace .fg-api-preview{flex:0 0 112px}#figma-import-workspace .fg-api-screen-name{flex-shrink:0;min-height:18px;line-height:18px}#figma-import-workspace .fg-api-screen-choice>.fg-muted{flex-shrink:0;min-height:16px;line-height:16px}#figma-import-workspace .fg-api-batch{min-height:22px;box-sizing:border-box}@media (max-height:768px){#figma-import-workspace .fg-api-selected-image{height:180px}#figma-import-workspace .fg-api-screen-grid{max-height:280px}}@media (max-width:700px){#figma-import-workspace .fg-api-picker-visible{display:flex!important;flex-direction:column}#figma-import-workspace .fg-api-picker-visible>.fg-api-selected{width:100%;box-sizing:border-box}#figma-import-workspace .fg-api-selected-image{height:180px}#figma-import-workspace .fg-api-screen-grid{max-height:240px}}