.term-card .figma-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:7px}.figma-card-object{border:1px solid var(--color-deco);background:var(--soft);border-radius:6px;align-content:start;gap:4px;padding:7px 8px;display:grid}.figma-card-mock{border:1px solid var(--color-deco);background:var(--color-white);border-radius:5px;justify-content:space-between;align-items:center;gap:6px;padding:6px 8px;display:flex}.figma-card-views{gap:4px;margin:0;padding:0;list-style:none;display:grid}.figma-card-views li{border:1px solid var(--color-deco);background:var(--color-white);border-radius:5px;justify-content:space-between;align-items:baseline;gap:6px;padding:4px 7px;display:flex}.figma-card-views i{color:var(--muted);font-style:normal}.figma-card-result{background:var(--soft);border-radius:5px;grid-column:1/-1;margin:0;padding:6px 8px;font-size:9px;font-weight:650;line-height:1.5;color:var(--ink)!important}.figma-card-result strong{color:var(--ink);font-weight:800}.figma-card-result em{color:var(--ink);font-style:normal;font-weight:800}.term-interactive-demo.figma-demo{border-color:var(--line);background:var(--color-white);gap:14px}.term-interactive-demo.figma-demo button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.figma-demo button:hover:not(:disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.figma-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.term-interactive-demo.figma-demo button:disabled{opacity:.45;cursor:not-allowed}.term-interactive-demo.figma-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.figma-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.figma-demo-brief b{color:var(--ink);font-weight:700}.figma-demo-brief code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:11.5px}.figma-stage{border:1px solid var(--line);background:var(--soft);border-radius:10px;gap:10px;padding:14px;display:grid}.figma-stage-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.figma-stage-head small{color:var(--muted);font-size:11px;font-weight:700}.figma-sync{border:1px solid #0000;border-radius:99px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;font-weight:800;display:inline-flex}.figma-sync>i{font-style:normal;font-weight:800}.figma-sync.is-ok{color:#1f6a3a;background:#e8f3ec;border-color:#bfe6cd}.figma-sync.is-broken{color:#a83a44;background:#fbeaee;border-color:#ecc9ce}.figma-canvas{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:start;gap:12px;display:grid}.figma-obj{border:1px solid var(--color-deco);background:var(--color-white);gap:6px;padding:12px;display:grid}.figma-obj-main{gap:8px}.figma-obj-role{color:var(--muted);letter-spacing:.03em;font-size:10px;font-weight:700}.figma-ordercard{border:1px solid var(--color-deco);background:var(--soft);border-radius:6px;gap:4px;padding:10px 12px;display:grid}.figma-ordercard-title{color:var(--ink);font-size:13px;font-weight:800}.figma-ordercard-state{color:var(--muted);font-size:11px}.figma-ordercard-cta{background:var(--color-rausch);color:var(--color-white);border:0;border-radius:6px;place-self:start;padding:5px 12px;font-size:12px;font-weight:800}.figma-specs{border:1px dashed var(--color-deco);background:var(--color-faint);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:6px;grid-template-columns:auto 1fr;gap:3px 8px;margin:4px 0 0;padding:8px 10px;font-size:11px;display:grid}.figma-specs dt{color:var(--muted)}.figma-specs dd{color:var(--ink);margin:0;font-weight:700}.figma-tag{border:1px solid var(--color-deco);background:var(--color-faint);color:var(--ink);border-radius:99px;justify-self:start;padding:3px 8px;font-size:11px;font-weight:700}.figma-tag code{font-family:var(--font-geist-mono), ui-monospace, monospace}.figma-instances{gap:8px;margin:0;padding:0;list-style:none;display:grid}.figma-instances li{gap:4px;display:grid}.figma-obj-instance{align-content:center;gap:4px;padding:10px}.figma-obj-instance small{color:var(--muted);font-size:10px;font-weight:700}.figma-obj-instance b{color:var(--ink);font-size:12px;font-weight:800}.figma-stale-flag{color:#a83a44;background:#fbeaee;border-radius:99px;justify-self:start;padding:2px 7px;font-size:10px;font-style:normal;font-weight:700}.figma-ribbon{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:7px;margin:0;padding:9px 11px;font-size:12.5px;line-height:1.55}.figma-stage.is-stale .figma-ribbon{color:#7a2a30;background:#fbeaee;border-color:#ecc9ce}.figma-stamp{border-radius:99px;justify-self:start;align-items:center;padding:5px 12px;font-size:12px;font-weight:800;display:inline-flex}.figma-stamp.is-pass{color:#2f7a4a;background:#e3f3e9;border:1px solid #b9dcc4}.figma-stamp.is-fail{color:#a83a44;background:#fbecee;border:1px solid #e6c4c7}.figma-controls{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.figma-control-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.figma-control-legend{color:var(--muted);font-size:12px;font-weight:800}.figma-stepper{border:1px solid var(--line);background:var(--color-white);border-radius:8px;align-items:center;gap:6px;padding:4px;display:flex}.figma-stepper button{min-width:32px;min-height:30px;padding:0 8px;font-size:16px;font-weight:800}.figma-stepper output{place-items:center;min-width:56px;padding:0 8px;display:grid}.figma-stepper output strong{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:15px;font-weight:800}.figma-actions{flex-wrap:wrap;gap:7px;display:flex}.figma-verify{font-weight:700;background:var(--ink)!important;border-color:var(--ink)!important;color:var(--color-white)!important}.figma-verify:hover{color:var(--color-white)!important;background:#2a2a32!important;border-color:#2a2a32!important}.figma-stale-trigger{color:#8a2f38!important;background:var(--color-white)!important;border-style:dashed!important;border-color:#cdbfc1!important}.figma-stale-trigger:hover,.figma-stale-trigger[aria-pressed=true]{color:#a83a44!important;background:#fbecee!important;border-color:#a83a44!important}.figma-reset{color:var(--muted)!important}.figma-status{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-left-width:4px;border-radius:8px;margin:0;padding:10px 12px;font-size:13px;line-height:1.55}.figma-status strong{color:var(--ink);font-weight:800}.figma-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.figma-examples article{border:1px solid var(--line);border-left:4px solid var(--ink);background:var(--color-white);border-radius:8px;gap:5px;padding:13px 14px;display:grid}.figma-examples article.is-bad{border-left-style:dashed;border-left-color:var(--color-deco);background:var(--soft)}.figma-examples header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.figma-examples header strong{color:var(--ink);font-size:14px}.figma-examples article.is-good header strong:before{content:"✓ ";color:#1f6a3a;font-weight:800}.figma-examples article.is-bad header strong:before{content:"✗ ";color:#a83a44;font-weight:800}.figma-examples header small{color:var(--muted);font-size:11px;font-weight:700}.figma-examples p{color:var(--muted);margin:0;font-size:12.5px;line-height:1.58}.figma-examples code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:11px}.figma-examples span{color:var(--ink);font-size:11px;font-weight:650}.figma-howto{gap:6px;margin:0;padding-left:18px;display:grid}.figma-howto li{color:var(--muted);font-size:13px;line-height:1.6}.figma-howto li b{color:var(--ink);font-weight:800}.figma-howto li code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:1px 5px;font-size:11px}@media (max-width:780px){.figma-canvas,.figma-examples{grid-template-columns:1fr}.figma-controls{flex-direction:column;align-items:stretch}.figma-stepper{justify-content:space-between;align-self:stretch}.figma-actions{flex-direction:column;align-items:stretch}.figma-actions button{width:100%}.term-card .figma-card-preview{grid-template-columns:1fr}}.term-card .term-preview.figma-card-preview{background:var(--color-white);border-color:var(--color-deco);color:var(--ink);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}