.design-source-actions{display:inline-flex;align-items:center;gap:1px;padding:0;border:0;background:transparent}.home-composer-left>.design-source-actions:before{content:"";width:1px;height:16px;margin:0 4px 0 2px;background:color-mix(in srgb,var(--color-ink) 11%,transparent)}.design-source-actions .design-source-trigger{border:0;background:transparent;box-shadow:none;transition:background .16s ease,color .16s ease,transform .12s ease}.design-source-actions .home-composer-icon{width:30px;min-height:30px;padding:0;border-radius:9px}.design-source-actions .design-source-trigger:active:not(:disabled){transform:scale(.94)}.design-source-actions .figma-trigger:hover:not(:disabled){background:color-mix(in srgb,#a259ff 11%,transparent)}.design-source-actions .design-source-trigger:focus-visible{outline:2px solid var(--color-cobalt-500);outline-offset:2px}.design-source-actions .design-source-trigger:disabled{opacity:.4}.design-source-trigger-icon{width:14px;height:14px;flex:0 0 auto}.composer-actions .design-source-actions .design-source-trigger-icon{width:14px;height:14px}.figma-modal{max-width:760px}.figma-modal .modal-head small{display:block;margin-top:3px;color:var(--color-ink-muted);font-size:10px}.design-source-modal{--source-accent: #a259ff;--source-soft: color-mix(in srgb, #a259ff 8%, var(--color-white))}.design-source-attached{padding-bottom:14px;border-bottom:1px solid var(--color-line)}.figma-connect,.figma-empty{padding:18px;border:1px dashed var(--color-line);border-radius:12px}.figma-connect p,.figma-empty,.figma-picker p{color:var(--color-ink-muted);font-size:11px;line-height:1.6}.figma-account{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border:1px solid var(--color-line);border-radius:10px}.figma-account span{display:flex;flex-direction:column;gap:2px}.figma-account small{color:var(--color-ink-muted)}.figma-source-list{display:grid;gap:9px}.figma-source-list article{border:1px solid var(--color-line);border-radius:11px;padding:12px}.figma-source-list article>div{display:grid;grid-template-columns:auto 1fr;gap:3px 8px;align-items:center}.figma-source-list article small{grid-column:2;color:var(--color-ink-muted)}.figma-source-list article p{font-size:10px;color:var(--color-ink-muted)}.figma-source-list footer{display:flex;gap:6px;flex-wrap:wrap}.figma-role{border-radius:999px;padding:2px 6px;font-size:8px;text-transform:uppercase;letter-spacing:.08em;background:var(--color-ice-2)}.figma-role.primary{background:color-mix(in srgb,var(--source-accent) 16%,var(--color-white));color:var(--source-accent)}.figma-url{display:flex;gap:7px}.figma-url input{flex:1;min-width:0;border:1px solid var(--color-line);border-radius:8px;padding:9px;background:var(--color-white);color:var(--color-ink)}.figma-discovery{margin-top:10px;padding:12px;border:1px solid var(--color-line);border-radius:11px;background:var(--color-ice-2)}.figma-discovery-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.figma-discovery-head div{display:grid;gap:2px}.figma-discovery-head small{color:var(--color-ink-muted);font-size:9px}.figma-discovery-head>span{padding:3px 7px;border-radius:999px;background:color-mix(in srgb,var(--source-accent) 16%,var(--color-white));color:var(--source-accent);font-size:8px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.figma-scope-note{padding:8px;border-radius:8px;background:var(--source-soft)}.figma-attach{margin-top:10px}.figma-status{color:var(--color-ink-muted)}.figma-error{color:var(--red);font-size:11px}.figma-cooldown{margin-top:10px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--red) 40%,var(--color-line));border-radius:10px;background:color-mix(in srgb,var(--red) 8%,var(--color-white))}.figma-cooldown p{margin:4px 0 0;color:var(--color-ink-muted);font-size:10px;line-height:1.6}.figma-flow-actions{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0 8px}.figma-flow-actions button{font-size:10px;padding:5px 9px}.figma-flow-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:8px;margin:0;padding:0;list-style:none;max-height:320px;overflow:auto}.figma-flow-list>li{display:grid;align-content:start;gap:5px}.figma-flow-card{display:grid;grid-template-columns:auto 1fr;grid-template-areas:"check thumb" "meta meta";gap:6px 8px;padding:8px;border:1px solid var(--color-line);border-radius:10px;background:var(--color-white);cursor:pointer}.figma-flow-card.selected{border-color:var(--source-accent);background:var(--source-soft);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--source-accent) 12%,transparent)}.figma-flow-card input{grid-area:check;align-self:start;accent-color:var(--source-accent)}.figma-flow-thumb{grid-area:thumb;display:flex;align-items:center;justify-content:center;height:108px;border-radius:7px;background:var(--color-ice-2);overflow:hidden}.figma-flow-thumb img{max-width:100%;max-height:100%;object-fit:contain}.figma-flow-thumb em{color:var(--color-ink-muted);font-size:9px;font-style:normal}.figma-flow-meta{grid-area:meta;display:grid;gap:2px;min-width:0}.figma-flow-meta b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.figma-flow-meta small{color:var(--color-ink-muted);font-size:9px}.figma-reason{justify-self:start;margin-top:2px;padding:2px 6px;border-radius:999px;background:var(--color-ice-2);color:var(--color-ink-muted);font-size:8px;text-transform:uppercase;letter-spacing:.06em}.figma-reason.entry{background:color-mix(in srgb,var(--source-accent) 18%,var(--color-white));color:var(--source-accent)}.figma-start{justify-self:stretch;min-height:28px;padding:4px 8px;border-style:dashed;color:var(--color-ink-muted);font-size:9px}.figma-start:hover:not(:disabled),.figma-start:focus-visible{border-color:var(--source-accent);color:var(--source-accent)}.figma-plugin{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:10px 12px;border:1px dashed var(--color-line);border-radius:10px}.figma-plugin div{display:grid;gap:2px}.figma-plugin small{color:var(--color-ink-muted);font-size:10px;line-height:1.5}.figma-plugin-download{justify-self:start;margin-top:3px;color:var(--source-accent);font-size:10px;font-weight:650}.figma-plugin-steps{margin:8px 0 0;padding-left:18px;color:var(--color-ink-muted);font-size:10px;line-height:1.7}.figma-pairing{margin-top:8px;padding:10px 12px;border:1px solid var(--color-line);border-radius:10px;background:var(--color-ice-2)}.figma-pairing-code{padding:2px 7px;border-radius:6px;background:var(--color-white);font-family:ui-monospace,SFMono-Regular,monospace;font-size:13px;letter-spacing:.12em}.figma-pairing em{color:var(--color-ink-muted);font-style:normal;font-size:9px}.figma-pairing-state{margin:6px 0 0;color:var(--color-ink-muted);font-size:10px}@media(max-width:640px){.figma-modal{max-width:calc(100vw - 20px)}.design-source-heading{align-items:flex-start}.figma-flow-list{grid-template-columns:1fr}.figma-url,.figma-plugin{align-items:stretch;flex-direction:column}}