.divider-card-preview{gap:7px}.divider-card-heading{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.divider-card-heading small{color:#8a8a93;letter-spacing:.04em;font-size:9px}.divider-card-heading strong{color:#2b2620;font-weight:800;font-size:10px!important}.divider-card-compare{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.divider-card-side{border:1px solid var(--color-deco);background:var(--soft);border-radius:6px;gap:4px;margin:0;padding:7px 6px 6px;display:grid}.divider-card-side figcaption{color:#6f6f78;font-size:8px;font-weight:700}.divider-card-stage{background:var(--color-white);border-radius:5px;gap:3px;padding:6px 5px;display:grid}.divider-card-side.is-none .divider-card-stage{gap:9px}.divider-card-chip{background:var(--color-faint);color:#2b2620;border-radius:3px;padding:3px 4px;font-size:7px;font-weight:700}.divider-card-rule{border:0;border-top:1px solid #cfced3}.divider-card-rule.is-inset{margin-inline:5px}.divider-card-rule.is-full{margin-inline:0}.divider-card-side i{color:#8a8a93;font-size:7px;font-style:normal}.divider-card-side.is-inset i,.divider-card-side.is-full i{color:#3d3d45}.divider-card-conclusion{color:#2b2620;margin:0;font-size:9px;font-weight:700;line-height:1.45}.divider-demo{border-color:var(--line);background:var(--color-white);gap:14px}.divider-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.divider-demo-controls{flex-wrap:wrap;align-items:center;gap:10px 14px;display:flex}.divider-demo-mode,.divider-demo-density{flex-wrap:wrap;gap:6px;display:flex}.divider-demo-mode:before,.divider-demo-density:before{color:var(--muted);align-self:center;font-size:12px;font-weight:700}.divider-demo-mode:before{content:"模式"}.divider-demo-density:before{content:"间距"}.divider-demo button{color:var(--ink);background:var(--color-white);border-color:var(--color-deco)}.divider-demo button:hover{border-color:var(--ink);background:var(--color-faint);color:var(--ink)}.divider-demo button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.divider-demo button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.divider-demo-danger{margin-left:auto}.divider-demo-danger[aria-pressed=true]{color:#a83a44;background:#fdf3f4;border-color:#a83a44;font-weight:800}.divider-demo-stage{border:1px solid var(--line);background:var(--soft);border-radius:10px;gap:10px;padding:14px;display:grid}.divider-demo-stage-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.divider-demo-stage-tag{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:700}.divider-demo-badge{border:1px solid var(--color-deco);background:var(--color-white);color:var(--muted);border-radius:99px;padding:3px 9px;font-size:11px;font-weight:800}.divider-demo-badge.is-pass{color:#2f7a4a;background:#e6f7ec;border-color:#bfe6cd}.divider-demo-badge.is-near{border-color:var(--color-deco);background:var(--color-faint);color:var(--ink)}.divider-demo-badge.is-fail{color:#a83a44;background:#fdf3f4;border-color:#ecc9ce}.divider-settings-card{border:1px solid var(--color-deco);background:var(--color-white);border-radius:8px;padding:12px;transition:padding .12s ease-out;display:grid;position:relative}.divider-settings-card.is-compact{gap:6px}.divider-settings-card.is-spacious{gap:4px;padding:16px}.divider-group{border-radius:6px;gap:2px;padding:8px 6px;display:grid}.divider-settings-card.is-spacious .divider-group{padding:12px 8px}.divider-group h3{color:var(--ink);margin:0;font-size:13px;font-weight:800;line-height:1.25}.divider-group p{color:var(--muted);margin:0;font-size:12px;line-height:1.4}.divider-group.is-danger-zone{background:#fdf3f4;border:1px solid #ecc9ce}.divider-group.is-danger-zone h3{color:#a83a44}.divider-group.is-danger-zone p{color:#8a2f37}.divider-delete{color:#a83a44;background:#fbeaee;border:1px solid #a83a44;border-radius:6px;justify-self:start;align-items:center;margin-top:4px;padding:5px 10px;font-size:12px;font-weight:700;display:inline-flex}.divider-rule{border:0;border-top:1px solid #cfced3}.divider-rule.is-inset{margin-inline:16px}.divider-rule.is-full{border-top-color:#b8b7bc;margin-inline:0}.divider-rule.is-danger{border-top:2px solid #a83a44;margin-inline:0}.divider-settings-card.is-compact .divider-rule{margin-block:2px}.divider-settings-card.is-spacious .divider-rule{margin-block:8px}.divider-saved-stamp{color:#2f7a4a;background:#e6f7ec;border:1px solid #bfe6cd;border-radius:99px;justify-self:end;padding:4px 9px;font-size:11px;font-weight:800}.divider-demo-meter{border:1px solid var(--line);background:var(--color-white);color:var(--muted);border-radius:7px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;font-size:11px;display:flex}.divider-demo-meter b{color:var(--ink);font-weight:800}.divider-demo-meter .divider-flag{background:var(--soft);color:var(--ink);border-radius:99px;padding:2px 8px;font-weight:700}.divider-demo-stage.is-danger .divider-demo-meter .divider-flag{color:#2f7a4a;background:#e6f7ec}.divider-demo-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.divider-demo-actions .divider-apply{border-color:var(--color-rausch);background:var(--color-rausch);color:var(--color-white);font-weight:700}.divider-demo-actions .divider-apply:hover:not(:disabled){border-color:var(--color-rausch-600);background:var(--color-rausch-600);color:var(--color-white)}.divider-demo-actions .divider-apply:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.divider-demo-actions .divider-apply:disabled,.divider-demo-actions .divider-apply:disabled:hover{border-color:var(--color-deco);background:var(--soft);color:var(--muted);cursor:default}.divider-demo-actions .divider-reset{color:var(--ink);background:var(--color-white);border-color:var(--color-deco)}.divider-demo-actions .divider-reset:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.divider-demo-status{border:1px solid var(--color-deco);background:var(--color-white);border-left-width:4px;border-radius:8px;gap:4px;margin:0;padding:11px 13px;display:grid}.divider-demo-status strong{font-size:14px;line-height:1.3}.divider-demo-status span{color:var(--muted);font-size:12px;line-height:1.5}.divider-demo-status.is-fail{border-left-color:#a83a44}.divider-demo-status.is-fail strong{color:#a83a44;font-weight:800}.divider-demo-status.is-near{border-left-color:var(--ink)}.divider-demo-status.is-near strong{color:var(--ink);font-weight:800}.divider-demo-status.is-pass{border-left-color:#2f7a4a}.divider-demo-status.is-pass strong{color:#2f7a4a;font-weight:800}.divider-demo-status.is-saved{border-left-color:#2f7a4a}.divider-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.divider-examples article{border:1px solid var(--color-deco);background:var(--color-white);border-left-width:4px;border-radius:10px;align-content:start;gap:8px;min-width:0;padding:14px 16px;display:grid}.divider-examples article header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.divider-examples article strong{color:var(--ink);font-size:14px}.divider-examples article small{color:var(--muted);font-size:12px;font-weight:650}.divider-examples article p{color:var(--ink);margin:0;font-size:13px;line-height:1.55}.divider-examples article span{color:var(--muted);font-size:12px;line-height:1.45}.divider-examples article.is-good{border-left-color:#2f7a4a}.divider-examples article.is-good header strong:before{content:"✓ ";color:#2f7a4a;font-weight:800}.divider-examples article.is-bad{border-left-color:#a83a44}.divider-examples article.is-bad header strong:before{content:"✗ ";color:#a83a44;font-weight:800}.term-card .term-preview.divider-card-preview .divider-card-compare,.term-card .term-preview.divider-card-preview .divider-card-stage{grid-template-columns:1fr}.term-interactive-demo.divider-demo[data-b1-rebuild]{color:#39291f;background:#f4eadc;border-color:#6a4932;box-shadow:7px 7px #d3af83}.term-interactive-demo.divider-demo[data-b1-rebuild] .divider-demo-stage{background:#fffaf1;border-color:#b7906b}.term-interactive-demo.divider-demo[data-b1-rebuild] .divider-apply{color:#fffaf1;background:#6a4932;border-color:#6a4932}
.border-radius-preview-shapes{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:5px;display:grid}.border-radius-preview-shapes>:is(b,span,i){color:#5f5f69;background:#fff;border:1px solid #dfe1eb;place-items:center;min-height:31px;font-style:normal;display:grid;font-size:10px!important}.border-radius-preview-shapes b{border-radius:8px}.border-radius-preview-shapes span{border-radius:14px}.border-radius-preview-shapes i{border-radius:50%}.border-radius-card-preview p{color:#62626c;margin:0}.border-radius-card-preview{gap:6px;padding:11px 12px;display:grid}.border-radius-card-preview>small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.border-radius-card-tiers{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.term-card .term-preview .border-radius-card-tier{border:1px solid var(--color-deco);background:var(--color-white);border-radius:6px;gap:4px;padding:7px 6px;display:grid}.border-radius-card-shape{border:1px solid var(--line);background:var(--soft);height:24px;display:block}.term-card .term-preview .border-radius-card-tier b{color:var(--ink);text-align:center;font-size:9px;font-weight:800}.border-radius-card-excepts{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.border-radius-card-pill{border:1px solid var(--color-deco);background:var(--color-white);color:var(--ink);border-radius:99px;padding:2px 9px;font-size:8px;font-weight:700}.border-radius-card-circle{border:1px solid var(--color-deco);background:var(--color-white);width:22px;height:22px;color:var(--ink);border-radius:50%;place-items:center;font-size:7px;font-weight:800;display:inline-grid}.border-radius-card-conclusion{color:var(--ink);margin:0;font-size:9px;font-weight:700;line-height:1.45}.term-interactive-demo.border-radius-lab{border-color:var(--line);background:var(--color-white);gap:14px}.term-interactive-demo.border-radius-lab button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.border-radius-lab button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.border-radius-lab button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.term-interactive-demo.border-radius-lab button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.border-radius-lab-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.border-radius-lab-brief strong{color:var(--ink)}.border-radius-lab-stage{border:1px solid var(--line);background:var(--soft);border-radius:10px;gap:10px;padding:14px;display:grid}.border-radius-lab-stage-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.border-radius-lab-stage-tag{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:700}.border-radius-lab-badge{border:1px solid var(--color-deco);background:var(--color-white);color:var(--muted);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800}.border-radius-lab-badge.is-pass{color:#1f6a3a;background:#e6f7ec;border-color:#bfe6cd}.border-radius-lab-badge.is-fail{color:#a83a44;background:#fbeaee;border-color:#ecc9ce}.border-radius-lab-card{border:1px solid var(--line);background:var(--color-white);border-left-width:4px;gap:12px;padding:14px;display:grid}.border-radius-lab-card.is-pass{border-left-color:#2f7a4a}.border-radius-lab-card.is-fail{border-left-color:#a83a44}.border-radius-lab-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.border-radius-lab-brand{color:var(--ink);font-size:15px;font-weight:800}.border-radius-lab-meta{align-items:center;gap:7px;display:flex}.border-radius-lab-tag{border:1px solid var(--color-deco);background:var(--soft);color:var(--ink);border-radius:99px;padding:2px 10px;font-size:11px;font-weight:700}.border-radius-lab-avatar{background:var(--ink);width:26px;height:26px;color:var(--color-white);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:inline-grid}.border-radius-lab-field{gap:5px;display:grid}.border-radius-lab-field-label{color:var(--muted);font-size:12px;font-weight:700}.border-radius-lab-input{border:1px solid var(--line);background:var(--color-white);color:var(--ink);padding:7px 10px;font-size:13px;line-height:1.3;display:block}.border-radius-lab-actions{flex-wrap:wrap;gap:8px;display:flex}.border-radius-lab-primary{background:var(--color-rausch);color:var(--color-white);align-items:center;padding:9px 16px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.border-radius-lab-secondary{border:1px solid var(--line);background:var(--color-white);color:var(--ink);align-items:center;padding:9px 14px;font-size:13px;font-weight:650;line-height:1.2;display:inline-flex}.border-radius-lab-meter{border:1px solid var(--line);background:var(--color-white);color:var(--muted);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.border-radius-lab-meter b{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-weight:800}.border-radius-lab-flag{border-radius:99px;padding:2px 9px;font-weight:700}.border-radius-lab-flag[data-ok=true]{color:#1f6a3a;background:#e6f7ec}.border-radius-lab-flag[data-ok=false]{color:#a83a44;background:#fbeaee}.border-radius-lab-controls{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:10px;padding:12px;display:grid}.border-radius-lab-token-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.border-radius-lab-token-group button{flex-direction:column;align-items:flex-start;gap:1px;min-height:38px;padding:6px 8px;display:inline-flex}.border-radius-lab-token-group button small{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:10px;font-weight:700}.border-radius-lab-toggles{flex-wrap:wrap;gap:8px;display:flex}.border-radius-lab-reset{border-color:var(--line);background:var(--color-white);color:var(--ink)}.border-radius-lab-reset:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.border-radius-lab-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}.border-radius-lab-status[data-tone=pass]{border-left-color:#2f7a4a}.border-radius-lab-status[data-tone=fail]{border-left-color:#a83a44}.border-radius-lab-status strong{color:var(--ink);font-weight:800}.border-radius-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.border-radius-examples article{border:1px solid var(--line);border-left:4px solid var(--ink);background:var(--color-white);border-radius:8px;align-content:start;gap:6px;padding:13px 14px;display:grid}.border-radius-examples article.is-bad{border-left-style:dashed;border-left-color:var(--color-deco);background:var(--soft)}.border-radius-examples header{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.border-radius-examples header strong{color:var(--ink);font-size:14px}.border-radius-examples article.is-good header strong:before{content:"✓ ";color:#1f6a3a;font-weight:800}.border-radius-examples article.is-bad header strong:before{content:"✗ ";color:#a83a44;font-weight:800}.border-radius-examples header small{color:var(--muted);font-size:11px;font-weight:700}.border-radius-example-row{border:1px dashed var(--color-deco);background:var(--color-white);border-radius:6px;place-items:center;padding:12px 10px;display:grid}.border-radius-example-card{border:1px solid var(--line);background:var(--color-white);flex-wrap:wrap;align-items:center;gap:6px;padding:9px 11px;display:inline-flex}.border-radius-example-text{color:var(--ink);font-size:12px;font-weight:800}.border-radius-example-btn{align-items:center;padding:4px 10px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.border-radius-example-btn.is-primary{background:var(--ink);color:var(--color-white)}.border-radius-example-btn.is-secondary{border:1px solid var(--line);background:var(--color-white);color:var(--ink)}.border-radius-example-tag{background:var(--soft);border:1px solid var(--color-deco);color:var(--ink);border-radius:99px;padding:2px 9px;font-size:10px;font-weight:700}.border-radius-examples p{color:var(--muted);margin:0;font-size:12px;line-height:1.58}.border-radius-examples article>span{color:var(--ink);font-size:11px;font-weight:650}@media (max-width:720px){.border-radius-lab-token-group{grid-template-columns:repeat(2,minmax(0,1fr))}.border-radius-examples{grid-template-columns:1fr}}.term-interactive-demo.border-radius-lab[data-b1-rebuild]{color:#1b3832;background:#e7f0e8;border-color:#294741;box-shadow:7px 7px #a7c8b8}.term-interactive-demo.border-radius-lab[data-b1-rebuild] .border-radius-lab-card{background:#fffdf7;border-color:#294741}.term-interactive-demo.border-radius-lab[data-b1-rebuild] .border-radius-lab-primary{color:#fff;background:#286453}
.shadow-preview-cards{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:5px;display:grid}.shadow-preview-cards>:is(b,strong){color:#5f5f69;background:#fff;border:1px solid #dfe1eb;border-radius:6px;place-items:center;min-height:35px;display:grid;font-size:10px!important}.shadow-preview-cards b{box-shadow:0 3px 7px #282d491a}.shadow-preview-cards strong{transform:translateY(-5px);box-shadow:0 9px 18px #282d492e}.shadow-card-preview p{color:#62626c;margin:0}.shadow-card-preview{gap:6px;padding:10px 11px}.shadow-card-preview>small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.shadow-card-tiers{gap:4px;margin:0;padding:0;list-style:none;display:grid}.shadow-card-tiers li{border-bottom:1px dashed var(--color-deco);grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:7px;padding:4px 0;display:grid}.shadow-card-tiers li:last-child{border-bottom:0}.shadow-card-tiers b{color:var(--ink);font-size:9px;font-weight:800}.shadow-card-tiers i{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:8px;font-style:normal}.shadow-card-chip{border:1px solid var(--line);background:var(--color-white);border-radius:3px;width:22px;height:14px;display:block}.shadow-card-chip[data-tier=flat]{box-shadow:none}.shadow-card-chip[data-tier=card]{box-shadow:0 3px 6px #2226302e}.shadow-card-chip[data-tier=overlay]{transform:translateY(-2px);box-shadow:0 8px 14px #22263047}.shadow-card-dark{border:1px solid var(--color-deco);background:var(--soft);border-radius:6px;align-items:center;gap:6px;padding:5px 7px;display:flex}.shadow-card-dark-swatch{color:#d1d7ea;background:#202638;border:1px solid #41485d;border-radius:4px;place-items:center;width:18px;height:18px;font-size:8px;font-weight:800;display:inline-grid}.shadow-card-dark b{color:var(--ink);font-size:9px;font-weight:700;line-height:1.3}.shadow-card-conclusion{color:var(--ink);margin:0;font-size:9px;font-weight:700;line-height:1.45}.term-interactive-demo.shadow-lab{border-color:var(--line);background:var(--color-white);gap:14px}.term-interactive-demo.shadow-lab button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.shadow-lab button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.shadow-lab button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.term-interactive-demo.shadow-lab button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.shadow-lab-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.shadow-lab-brief strong{color:var(--ink)}.shadow-lab-stage{border:1px solid var(--line);border-radius:10px;gap:12px;padding:14px;transition:background-color .15s ease-out;display:grid}.shadow-lab-stage[data-surface=light]{background:var(--soft)}.shadow-lab-stage[data-surface=dark]{background:#1b2233}.shadow-lab-stage-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.shadow-lab-stage-tag{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:700}.shadow-lab-stage[data-surface=dark] .shadow-lab-stage-tag{color:#9da8c4}.shadow-lab-badge{border:1px solid var(--color-deco);background:var(--color-white);color:var(--muted);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800}.shadow-lab-badge.is-pass{color:#1f6a3a;background:#e6f7ec;border-color:#bfe6cd}.shadow-lab-badge.is-fail{color:#a83a44;background:#fbeaee;border-color:#ecc9ce}.shadow-lab-object{border:1px solid var(--line);border-radius:10px;gap:11px;width:100%;max-width:320px;margin:2px auto 0;padding:14px;transition:box-shadow .15s ease-out,transform .15s ease-out,background-color .15s ease-out,border-color .15s ease-out;display:grid}.shadow-lab-object[data-surface=light]{background:var(--color-white);color:var(--ink)}.shadow-lab-object[data-surface=dark]{color:#f2f5fb;background:#2a3245;border-color:#ffffff14}.shadow-lab-object[data-surface=light][data-elevation=flat]{box-shadow:none}.shadow-lab-object[data-surface=light][data-elevation=card]{box-shadow:0 4px 14px #22263024}.shadow-lab-object[data-surface=light][data-elevation=overlay]{transform:translateY(-2px);box-shadow:0 18px 40px #22263042}.shadow-lab-object[data-surface=dark][data-elevation=flat]{box-shadow:none;border-color:#ffffff0f}.shadow-lab-object[data-surface=dark][data-elevation=card]{border-color:#ffffff29;box-shadow:0 2px 8px #00000059}.shadow-lab-object[data-surface=dark][data-elevation=overlay]{border-color:#ffffff42;transform:translateY(-2px);box-shadow:0 10px 24px #00000080}.shadow-lab-object-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.shadow-lab-brand{color:var(--ink);font-size:14px;font-weight:800}.shadow-lab-object[data-surface=dark] .shadow-lab-brand{color:#f4f7fe}.shadow-lab-meta{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.shadow-lab-object[data-surface=dark] .shadow-lab-meta{color:#9da8c4}.shadow-lab-field{gap:5px;display:grid}.shadow-lab-field-label{color:var(--muted);font-size:11px;font-weight:700}.shadow-lab-object[data-surface=dark] .shadow-lab-field-label{color:#aab3c5}.shadow-lab-input{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:6px;padding:7px 10px;font-size:13px;line-height:1.3;display:block}.shadow-lab-object[data-surface=dark] .shadow-lab-input{color:#e7ecf5;background:#ffffff0f;border-color:#ffffff29}.shadow-lab-actions{flex-wrap:wrap;gap:8px;display:flex}.shadow-lab-primary{border:1px solid var(--color-rausch-600);background:var(--color-rausch-600);color:var(--color-white);border-radius:7px;align-items:center;padding:8px 16px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.shadow-lab-secondary{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:7px;align-items:center;padding:8px 14px;font-size:13px;font-weight:650;line-height:1.2;display:inline-flex}.shadow-lab-object[data-surface=dark] .shadow-lab-secondary{color:#e7ecf5;background:#ffffff14;border-color:#fff3}.shadow-lab-object[data-allshadow=true] .shadow-lab-input,.shadow-lab-object[data-allshadow=true] .shadow-lab-secondary,.shadow-lab-object[data-allshadow=true] .shadow-lab-brand,.shadow-lab-object[data-allshadow=true] .shadow-lab-primary{box-shadow:0 6px 14px #22263038}.shadow-lab-object[data-surface=dark][data-allshadow=true] .shadow-lab-input,.shadow-lab-object[data-surface=dark][data-allshadow=true] .shadow-lab-secondary,.shadow-lab-object[data-surface=dark][data-allshadow=true] .shadow-lab-brand,.shadow-lab-object[data-surface=dark][data-allshadow=true] .shadow-lab-primary{box-shadow:0 4px 10px #00000073}.shadow-lab-meter{border:1px solid var(--line);background:var(--color-white);color:var(--muted);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:9px 12px;font-size:12px;display:flex}.shadow-lab-stage[data-surface=dark] .shadow-lab-meter{color:#9da8c4;background:#ffffff0a;border-color:#ffffff1a}.shadow-lab-tier{align-items:center;gap:4px;display:inline-flex}.shadow-lab-tier span{border:1px solid var(--color-deco);background:var(--soft);width:18px;height:18px;color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:inline-grid}.shadow-lab-tier span[data-active=true]{border-color:var(--ink);background:var(--ink);color:var(--color-white)}.shadow-lab-stage[data-surface=dark] .shadow-lab-tier span{color:#aab3c5;background:#ffffff0f;border-color:#ffffff29}.shadow-lab-stage[data-surface=dark] .shadow-lab-tier span[data-active=true]{color:#1b2233;background:#f4f7fe;border-color:#f4f7fe}.shadow-lab-meter b{color:var(--ink);font-weight:800}.shadow-lab-stage[data-surface=dark] .shadow-lab-meter b{color:#f4f7fe}.shadow-lab-strategy{color:#1f6a3a;background:#e6f7ec;border-radius:99px;padding:2px 9px;font-size:11px;font-weight:700}.shadow-lab-strategy[data-surface=dark]{color:#d7e4f6;background:#ffffff1a}.shadow-lab-value{border:1px solid var(--line);background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;max-width:100%;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700;overflow:hidden}.shadow-lab-stage[data-surface=dark] .shadow-lab-value{color:#e7ecf5;background:#ffffff0f;border-color:#ffffff24}.shadow-lab-controls{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:10px;padding:12px;display:grid}.shadow-lab-elevation-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.shadow-lab-elevation-group button{flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:6px 10px;display:inline-flex}.shadow-lab-elevation-group button span{font-size:12px;font-weight:800}.shadow-lab-elevation-group button small{color:var(--muted);font-size:10px;font-weight:600;line-height:1.3}.shadow-lab-elevation-group button[aria-pressed=true] small{color:var(--ink)}.shadow-lab-toggles{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.shadow-lab-surface-toggle{flex-wrap:wrap;gap:6px;display:inline-flex}.shadow-lab-surface-toggle button,.shadow-lab-toggles>button[aria-pressed=true]{padding:7px 12px;font-size:12px;font-weight:700}.shadow-lab-reset{border:1px solid var(--line);background:var(--color-white);color:var(--ink);font:inherit;margin-left:auto;padding:7px 12px;font-size:12px;font-weight:650}.shadow-lab-reset:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.shadow-lab-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}.shadow-lab-status[data-tone=pass]{border-left-color:#2f7a4a}.shadow-lab-status[data-tone=fail]{background:#fdf3f4;border-left-color:#a83a44}.shadow-lab-status strong{font-weight:800}.shadow-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.shadow-examples article{border:1px solid var(--line);border-left:4px solid var(--ink);background:var(--color-white);border-radius:8px;align-content:start;gap:6px;padding:13px 14px;display:grid}.shadow-examples article.is-bad{border-left-style:dashed;border-left-color:var(--color-deco);background:var(--soft)}.shadow-examples header{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.shadow-examples header strong{color:var(--ink);font-size:14px}.shadow-examples article.is-good header strong:before{content:"✓ ";color:#1f6a3a;font-weight:800}.shadow-examples article.is-bad header strong:before{content:"✗ ";color:#a83a44;font-weight:800}.shadow-examples header small{color:var(--muted);font-size:11px;font-weight:700}.shadow-example-row{border:1px dashed var(--color-deco);background:var(--soft);border-radius:6px;place-items:center;padding:14px 10px;display:grid}.shadow-example-card{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:8px;width:100%;max-width:240px;padding:11px 12px;display:grid}.shadow-example-card.is-elevated,.shadow-example-card.is-muddy{box-shadow:0 4px 14px #22263024}.shadow-example-brand{color:var(--ink);font-size:12px;font-weight:800}.shadow-example-input{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:5px;padding:5px 8px;font-size:11px;display:block}.shadow-example-btn{border-radius:5px;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.shadow-example-btn.is-primary{background:var(--ink);color:var(--color-white)}.shadow-example-btn.is-secondary{border:1px solid var(--line);background:var(--color-white);color:var(--ink)}.shadow-example-card .shadow-example-btn.is-primary{justify-self:start}.shadow-example-card.is-muddy .shadow-example-brand.is-shadowed,.shadow-example-card.is-muddy .shadow-example-input.is-shadowed,.shadow-example-card.is-muddy .shadow-example-btn.is-shadowed{box-shadow:0 4px 8px #22263033}.shadow-examples p{color:var(--muted);margin:0;font-size:12px;line-height:1.58}.shadow-examples article>span{color:var(--ink);font-size:11px;font-weight:650}@media (max-width:720px){.shadow-lab-elevation-group{grid-template-columns:1fr}.shadow-lab-toggles{gap:6px}.shadow-lab-reset{margin-left:0}.shadow-examples{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.shadow-lab-object{transition:box-shadow 10ms,transform 10ms,background-color 10ms,border-color 10ms}.shadow-lab-stage{transition:none}}
.term-card .term-preview.opacity-card-preview{background:var(--color-white);border-color:var(--color-deco);gap:6px;padding:11px 12px}.opacity-card-preview>small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.opacity-card-tiers{gap:5px;margin:0;padding:0;list-style:none;display:grid}.opacity-card-tier{border-bottom:1px dashed var(--color-deco);grid-template-columns:18px minmax(0,1fr);align-items:center;gap:8px;padding:4px 0;display:grid}.opacity-card-tier:last-child{border-bottom:0}.opacity-card-tier-bar{border:1px solid var(--ink);background:var(--ink);width:18px;height:18px;display:block}.opacity-card-tier.is-soft .opacity-card-tier-bar{background:#4e4e58;border-color:#4e4e58}.opacity-card-tier.is-faint .opacity-card-tier-bar{background:#8a8a92;border-color:#8a8a92}.opacity-card-tier-text{gap:1px;min-width:0;display:grid}.opacity-card-tier.is-full .opacity-card-tier-text b{color:var(--ink);font-size:11px;font-weight:800}.opacity-card-tier.is-soft .opacity-card-tier-text b{color:#4e4e58;font-size:10px;font-weight:800}.opacity-card-tier.is-faint .opacity-card-tier-text b{color:#8a8a92;font-size:10px;font-weight:800}.opacity-card-tier.is-soft .opacity-card-tier-text i{color:#6a6a72;font-size:8px;font-style:normal;line-height:1.3}.opacity-card-tier.is-full .opacity-card-tier-text i,.opacity-card-tier.is-faint .opacity-card-tier-text i{color:var(--muted);font-size:8px;font-style:normal;line-height:1.3}.opacity-card-conclusion{color:var(--ink);margin:0;font-size:9px;font-weight:700;line-height:1.45}.term-interactive-demo.opacity-lab{border-color:var(--line);background:var(--color-white);gap:14px}.term-interactive-demo.opacity-lab button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.opacity-lab button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.opacity-lab button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.term-interactive-demo.opacity-lab button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.opacity-lab input[type=range]{width:100%;min-height:0;accent-color:var(--ink);background:0 0;border:0;padding:0}.term-interactive-demo.opacity-lab input[type=range]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.opacity-lab-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.opacity-lab-brief strong{color:var(--ink)}.opacity-lab-stage{border:1px solid var(--line);background:var(--soft);border-radius:10px;padding:0}.opacity-lab-card{display:grid}.opacity-lab-card-top{border-bottom:1px solid var(--line);background:var(--color-white);border-radius:10px 10px 0 0;min-height:150px;padding:14px 14px 12px;position:relative;overflow:hidden}.opacity-lab-card-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.opacity-lab-brand{color:var(--ink);font-size:13px;font-weight:800}.opacity-lab-tag{border:1px solid var(--color-deco);background:var(--soft);color:var(--ink);border-radius:99px;padding:2px 10px;font-size:11px;font-weight:700}.opacity-lab-title{color:var(--ink);margin:10px 0 0;font-size:18px;font-weight:800;line-height:1.25}.opacity-lab-meta{color:var(--ink);margin:4px 0 0;font-size:13px;line-height:1.4}.opacity-lab-caption{color:var(--ink);opacity:.6;margin:8px 0 0;font-size:12px;font-weight:700;line-height:1.4;display:block}.opacity-lab-scrim{border-radius:10px 10px 0 0;justify-content:center;align-items:center;padding:10px;display:flex;position:absolute;inset:0}.opacity-lab-scrim-panel{text-align:center;flex-direction:column;align-items:center;gap:6px;display:flex}.opacity-lab-scrim-panel strong{color:var(--color-white);text-shadow:0 1px 2px #00000073;font-size:15px;font-weight:800;line-height:1.2}.opacity-lab-scrim-panel span{color:var(--color-white);text-shadow:0 1px 2px #00000073;font-size:12px;line-height:1.35}.opacity-lab-scrim-pill{background:var(--color-white);color:var(--ink);border-radius:7px;align-items:center;margin-top:2px;padding:5px 16px;font-size:12px;font-weight:800;line-height:1.2;display:inline-flex}.opacity-lab-actions{background:var(--color-white);border-radius:0 0 10px 10px;flex-wrap:wrap;align-items:center;gap:10px;padding:12px 14px;display:flex}.opacity-lab-cta{background:var(--color-rausch-600);color:var(--color-white);border-radius:8px;align-items:center;padding:10px 18px;font-size:14px;font-weight:700;line-height:1.2;display:inline-flex}.opacity-lab-waitlist{border:1px solid var(--line);background:var(--color-white);min-height:40px;color:var(--ink);border-radius:8px;align-items:center;padding:9px 16px;font-size:14px;font-weight:650;line-height:1.2;display:inline-flex}.opacity-lab-waitlist:hover:not(:disabled){border-color:var(--ink);background:var(--soft);color:var(--ink)}.opacity-lab-waitlist:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.opacity-lab-waitlist:disabled{opacity:.5;cursor:not-allowed;background:var(--soft);color:var(--muted);border-color:var(--color-deco)}.opacity-lab-readout{border:1px solid var(--line);background:var(--color-white);border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 14px;margin:0;padding:12px 14px;display:grid}.opacity-lab-readout div{grid-template-columns:minmax(0,7rem) auto;align-items:baseline;gap:6px;display:grid}.opacity-lab-readout dt{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.opacity-lab-readout dd{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;margin:0;font-size:12px;font-weight:700}.opacity-lab-readout dd.is-pass{color:#1f6a3a}.opacity-lab-readout dd.is-fail{color:#a83a44}.opacity-lab-controls{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:12px;padding:12px 14px;display:grid}.opacity-lab-slider{gap:6px;display:grid}.opacity-lab-slider-name{color:var(--muted);justify-content:space-between;align-items:baseline;gap:6px;font-size:12px;font-weight:700;display:flex}.opacity-lab-slider-name output{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.opacity-lab-mode{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.opacity-lab-mode button{flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:8px 12px;display:inline-flex}.opacity-lab-mode button span{font-size:13px;font-weight:800}.opacity-lab-mode button small{color:var(--muted);font-size:10px;font-weight:600}.opacity-lab-mode button[aria-pressed=true] small{color:var(--ink)}.opacity-lab-toggles{flex-wrap:wrap;gap:8px;display:flex}.opacity-lab-reset{border-color:var(--line);background:var(--color-white);color:var(--ink);margin-left:auto}.opacity-lab-reset:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.opacity-lab-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}.opacity-lab-status[data-tone=pass]{border-left-color:#2f7a4a}.opacity-lab-status[data-tone=fail]{border-left-color:#a83a44}.opacity-lab-status strong{font-weight:800}.opacity-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.opacity-examples article{border:1px solid var(--line);border-left:4px solid var(--ink);background:var(--color-white);border-radius:8px;align-content:start;gap:8px;padding:13px 14px;display:grid}.opacity-examples article.is-bad{border-left-style:dashed;border-left-color:var(--color-deco);background:var(--soft)}.opacity-examples header{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.opacity-examples header strong{color:var(--ink);font-size:14px}.opacity-examples article.is-good header strong:before{content:"✓ ";color:#1f6a3a;font-weight:800}.opacity-examples article.is-bad header strong:before{content:"✗ ";color:#a83a44;font-weight:800}.opacity-examples header small{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.opacity-example-stage{border:1px dashed var(--color-deco);background:var(--color-white);border-radius:6px;place-items:center;min-height:110px;padding:14px 10px;display:grid;position:relative}.opacity-example-card{border:1px solid var(--line);background:var(--color-white);border-radius:6px;flex-direction:column;align-items:flex-start;gap:8px;width:100%;padding:10px 12px;display:flex}.opacity-example-brand{color:var(--muted);font-size:11px;font-weight:700}.opacity-example-cta{background:var(--ink);color:var(--color-white);border-radius:6px;align-items:center;padding:5px 12px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.opacity-example-scrim{border-radius:5px;flex-direction:column;justify-content:center;align-items:center;gap:5px;display:flex;position:absolute;inset:10px}.opacity-example-scrim strong{color:var(--color-white);text-shadow:0 1px 2px #00000073;font-size:13px;font-weight:800}.opacity-example-pill{background:var(--color-white);color:var(--ink);border-radius:5px;align-items:center;margin-top:2px;padding:3px 11px;font-size:10px;font-weight:800;line-height:1.2;display:inline-flex}.opacity-examples p{color:var(--muted);margin:0;font-size:12px;line-height:1.58}.opacity-examples article>span{color:var(--ink);font-size:11px;font-weight:650}@media (max-width:720px){.opacity-lab-readout,.opacity-lab-mode{grid-template-columns:1fr}.opacity-lab-reset{margin-left:0}.opacity-examples{grid-template-columns:1fr}}
.gradient-preview-surface{color:#fff;text-shadow:0 1px 2px #14183a4d;background:linear-gradient(120deg,#4a63d4,#c6a5ef);border-radius:7px;place-items:center;min-height:55px;display:grid}.gradient-preview-surface b{font-size:12px!important}.gradient-card-preview p{color:#62626c;margin:0}.term-card .term-preview.gradient-card-preview{background:var(--color-white);border-color:var(--color-deco);gap:6px;padding:11px 12px}.gradient-card-preview>small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.gradient-card-tiers{gap:5px;margin:0;padding:0;list-style:none;display:grid}.gradient-card-tiers li{border-bottom:1px dashed var(--color-deco);grid-template-columns:46px minmax(0,1fr);align-items:center;gap:9px;padding:4px 0;display:grid}.gradient-card-tiers li:last-child{border-bottom:0}.gradient-card-swatch{border:1px solid var(--color-deco);border-radius:6px;place-items:center;height:30px;display:grid;position:relative;overflow:hidden}.gradient-card-swatch i{color:#fff;text-shadow:0 1px 2px #00000059;font-size:8px;font-style:normal;font-weight:800}.gradient-card-chips{border:1px solid var(--color-deco);background:var(--soft);border-radius:6px;justify-content:center;align-items:center;gap:4px;height:30px;padding:0 4px;display:flex}.gradient-card-chip{border-radius:50%;width:16px;height:16px}.gradient-card-chip.is-hue-a{background:linear-gradient(135deg,#196029,#1f6a3a)}.gradient-card-chip.is-hue-b{background:linear-gradient(135deg,#6b4708,#7a5c0e)}.gradient-card-tier-text{gap:1px;min-width:0;display:grid}.gradient-card-tier-text b{color:var(--ink);font-size:10px;font-weight:800;line-height:1.25}.gradient-card-tier-text i{color:var(--muted);font-size:8px;font-style:normal;line-height:1.3}.gradient-card-tiers li.is-pass .gradient-card-tier-text i{color:#1f6a3a}.gradient-card-tiers li.is-fail .gradient-card-tier-text i{color:#a83a44}.gradient-card-conclusion{color:var(--ink);margin:0;font-size:9px;font-weight:700;line-height:1.45}.term-interactive-demo.gradient-lab{border-color:var(--line);background:var(--color-white);gap:14px}.term-interactive-demo.gradient-lab button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.gradient-lab button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.gradient-lab button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.term-interactive-demo.gradient-lab button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.gradient-lab input[type=range]{width:100%;min-height:0;accent-color:var(--ink);background:0 0;border:0;padding:0}.term-interactive-demo.gradient-lab input[type=range]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.gradient-lab-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.gradient-lab-brief strong{color:var(--ink)}.gradient-lab-stage{border:1px solid var(--line);background:var(--soft);border-radius:10px;gap:12px;padding:14px;display:grid}.gradient-lab-stage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.gradient-lab-stage-tag{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:700}.gradient-lab-badge{border:1px solid var(--color-deco);background:var(--color-white);color:var(--muted);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800}.gradient-lab-badge.is-pass{color:#1f6a3a;background:#e6f7ec;border-color:#bfe6cd}.gradient-lab-badge.is-fail{color:#a83a44;background:#fbeaee;border-color:#ecc9ce}.gradient-lab-hero{color:#fff;border-radius:10px;align-content:start;gap:10px;width:100%;max-width:420px;margin:2px auto 0;padding:16px;transition:background .15s ease-out;display:grid}.gradient-lab-hero-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.gradient-lab-brand{color:#fff;font-size:14px;font-weight:800}.gradient-lab-version{color:#ffffffc7;font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.gradient-lab-title-wrap{gap:4px;padding:2px 0;display:grid}.gradient-lab-title-wrap.is-scrim{background:#1412108c;border-radius:7px;padding:8px 10px}.gradient-lab-title{color:#fff;margin:0;font-size:19px;font-weight:800;line-height:1.25}.gradient-lab-subtitle{color:#ffffffd1;margin:0;font-size:13px;line-height:1.4}.gradient-lab-chips{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.gradient-lab-chip{color:#fff;border-radius:99px;align-items:center;min-height:22px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-flex}.gradient-lab-chip i{font-style:normal}.gradient-lab-chip.is-live{background:linear-gradient(135deg,#196029,#1f6a3a)}.gradient-lab-chip.is-beta{background:linear-gradient(135deg,#6b4708,#7a5c0e)}.gradient-lab-hero[data-mode=solid] .gradient-lab-chip.is-live,.gradient-lab-hero[data-mode=solid] .gradient-lab-chip.is-beta{background:#4a4a52}.gradient-lab-chip-tag{border-radius:99px;padding:3px 9px;font-size:10px;font-weight:800}.gradient-lab-chip-tag.is-pass{color:#1f6a3a;background:#e6f7ec}.gradient-lab-chip-tag.is-fail{color:#a83a44;background:#fdf3f4}.gradient-lab-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.gradient-lab-primary{background:var(--color-rausch-600);color:var(--color-white);border-radius:8px;align-items:center;padding:10px 18px;font-size:14px;font-weight:700;line-height:1.2;display:inline-flex}.gradient-lab-secondary{color:#fff;background:#ffffff0f;border:1px solid #ffffff52;border-radius:8px;align-items:center;padding:10px 16px;font-size:14px;font-weight:650;line-height:1.2;display:inline-flex}.gradient-lab-meter{border:1px solid var(--line);background:var(--color-white);color:var(--muted);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:9px 12px;font-size:12px;display:flex}.gradient-lab-meter-label{color:var(--muted);font-size:12px;font-weight:700}.gradient-lab-meter-label b{color:var(--ink);font-weight:800}.gradient-lab-meter-stop{color:var(--muted);font-size:12px;font-weight:700}.gradient-lab-meter-stop b{color:var(--ink);font-weight:800}.gradient-lab-meter-value{border:1px solid var(--line);background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;border-radius:5px;max-width:100%;margin-left:auto;padding:2px 8px;font-size:10px;font-weight:700;overflow:hidden}.gradient-lab-controls{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:12px;padding:12px 14px;display:grid}.gradient-lab-direction-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.gradient-lab-direction-group button{flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:6px 10px;display:inline-flex}.gradient-lab-direction-group button span{font-size:12px;font-weight:800}.gradient-lab-direction-group button small{color:var(--muted);font-size:10px;font-weight:600;line-height:1.3}.gradient-lab-direction-group button[aria-pressed=true] small{color:var(--ink)}.gradient-lab-slider{gap:6px;display:grid}.gradient-lab-slider-name{color:var(--muted);justify-content:space-between;align-items:baseline;gap:6px;font-size:12px;font-weight:700;display:flex}.gradient-lab-slider-name output{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.gradient-lab-toggles{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gradient-lab-segment{flex-wrap:wrap;gap:6px;display:inline-flex}.gradient-lab-segment button,.gradient-lab-toggles>button[aria-pressed=true]{padding:7px 12px;font-size:12px;font-weight:700}.gradient-lab-reset{border:1px solid var(--line);background:var(--color-white);color:var(--ink);font:inherit;margin-left:auto;padding:7px 12px;font-size:12px;font-weight:650}.gradient-lab-reset:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.gradient-lab-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}.gradient-lab-status[data-tone=pass]{border-left-color:#2f7a4a}.gradient-lab-status[data-tone=fail]{background:#fdf3f4;border-left-color:#a83a44}.gradient-lab-status strong{font-weight:800}.gradient-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.gradient-examples article{border:1px solid var(--line);border-left:4px solid var(--ink);background:var(--color-white);border-radius:8px;align-content:start;gap:8px;padding:13px 14px;display:grid}.gradient-examples article.is-bad{border-left-style:dashed;border-left-color:var(--color-deco);background:var(--soft)}.gradient-examples header{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.gradient-examples header strong{color:var(--ink);font-size:14px}.gradient-examples article.is-good header strong:before{content:"✓ ";color:#1f6a3a;font-weight:800}.gradient-examples article.is-bad header strong:before{content:"✗ ";color:#a83a44;font-weight:800}.gradient-examples header small{color:var(--muted);font-size:11px;font-weight:700}.gradient-example-hero{color:#fff;border-radius:8px;align-content:start;gap:8px;min-height:120px;padding:12px 13px;display:grid}.gradient-example-brand{color:#fff;font-size:11px;font-weight:800}.gradient-example-title{color:#fff;font-size:14px;font-weight:800;line-height:1.3}.gradient-example-title.is-scrim{background:#1412108c;border-radius:6px;padding:6px 9px}.gradient-example-chips{flex-wrap:wrap;gap:6px;display:flex}.gradient-example-chip{color:#fff;border-radius:99px;align-items:center;min-height:20px;padding:2px 9px;font-size:10px;font-weight:700;display:inline-flex}.gradient-example-chip.is-live{background:linear-gradient(135deg,#196029,#1f6a3a)}.gradient-example-chip.is-beta{background:linear-gradient(135deg,#6b4708,#7a5c0e)}.gradient-example-chip.is-live-hue{background:linear-gradient(135deg,#196029,#1f6a3a);width:22px;height:20px;padding:0}.gradient-example-chip.is-beta-hue{background:linear-gradient(135deg,#6b4708,#7a5c0e);width:22px;height:20px;padding:0}.gradient-example-cta{color:#fff;background:#2b2620;border-radius:7px;justify-self:start;align-items:center;padding:6px 14px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.gradient-examples p{color:var(--muted);margin:0;font-size:12px;line-height:1.58}.gradient-examples article>span{color:var(--ink);font-size:11px;font-weight:650}@media (max-width:720px){.gradient-card-tiers li{grid-template-columns:40px minmax(0,1fr);gap:8px}.gradient-lab-direction-group{grid-template-columns:1fr}.gradient-lab-meter-value,.gradient-lab-reset{margin-left:0}.gradient-examples{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.gradient-lab-hero{transition:none}}
.corner-feel-preview-items{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:5px;display:grid}.corner-feel-preview-items>:is(b,span,i){color:#5f5f69;background:#fff;border:1px solid #dfe1eb;place-items:center;min-height:31px;font-style:normal;display:grid;font-size:10px!important}.corner-feel-card-preview p{color:#62626c;margin:0}.corner-feel-preview-items b{border-radius:8px}.corner-feel-preview-items span{border-radius:12px}.corner-feel-preview-items i{border-radius:8px}.corner-feel-preview-items span{color:#a34f58;background:#fff4f4;border-color:#c4525b}.corner-feel-card-preview{gap:6px;padding:11px 12px;display:grid}.corner-feel-card-preview>small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.corner-feel-card-rows{gap:6px;margin:0;padding:0;list-style:none;display:grid}.corner-feel-card-rows li{border:1px solid var(--color-deco);background:var(--color-white);border-radius:6px;gap:4px;padding:6px 7px;display:grid}.corner-feel-card-rows li.is-ok{border-left:3px solid #2f7a4a}.corner-feel-card-rows li.is-bad{background:#fdf3f4;border-left:3px solid #a83a44}.corner-feel-card-row{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.corner-feel-card-row b,.corner-feel-card-row i,.corner-feel-card-row .is-card{border:1px solid var(--line);background:var(--soft);color:var(--ink);justify-content:center;align-items:center;padding:3px 7px;font-size:9px;font-style:normal;font-weight:700;line-height:1.3;display:inline-flex}.corner-feel-card-row .is-card{background:var(--color-white);padding:4px 9px}.corner-feel-card-row .is-drift{color:#a83a44;background:#fbeaee;border:1px dashed #a83a44}.corner-feel-card-rows em{color:var(--muted);font-size:9px;font-style:normal;font-weight:700}.corner-feel-card-rows li.is-ok em{color:#1f6a3a}.corner-feel-card-rows li.is-bad em{color:#a83a44}.corner-feel-card-conclusion{color:var(--ink);margin:0;font-size:9px;font-weight:700;line-height:1.45}.term-interactive-demo.corner-feel-lab{border-color:var(--line);background:var(--color-white);gap:14px}.term-interactive-demo.corner-feel-lab button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.corner-feel-lab button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.corner-feel-lab button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.term-interactive-demo.corner-feel-lab button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.corner-feel-lab-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.corner-feel-lab-brief strong{color:var(--ink)}.corner-feel-lab-stage{border:1px solid var(--line);background:var(--soft);border-radius:10px;gap:10px;padding:14px;display:grid}.corner-feel-lab-stage-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.corner-feel-lab-stage-tag{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:700}.corner-feel-lab-badge{border:1px solid var(--color-deco);background:var(--color-white);color:var(--muted);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800}.corner-feel-lab-badge.is-pass{color:#1f6a3a;background:#e6f7ec;border-color:#bfe6cd}.corner-feel-lab-badge.is-fail{color:#a83a44;background:#fbeaee;border-color:#ecc9ce}.corner-feel-lab-card{border:1px solid var(--line);background:var(--color-white);border-left-width:4px;gap:12px;padding:14px;display:grid}.corner-feel-lab-card.is-pass{border-left-color:#2f7a4a}.corner-feel-lab-card.is-fail{border-left-color:#a83a44}.corner-feel-lab-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.corner-feel-lab-brand{color:var(--ink);font-size:15px;font-weight:800}.corner-feel-lab-meta{align-items:center;gap:7px;display:flex}.corner-feel-lab-tag{border:1px solid var(--color-deco);background:var(--soft);color:var(--ink);border-radius:99px;padding:2px 10px;font-size:11px;font-weight:700}.corner-feel-lab-avatar{background:var(--ink);width:26px;height:26px;color:var(--color-white);border-radius:50%;place-items:center;font-size:10px;font-weight:800;display:inline-grid}.corner-feel-lab-field{gap:5px;display:grid}.corner-feel-lab-field-label{color:var(--muted);font-size:12px;font-weight:700}.corner-feel-lab-input{border:1px solid var(--line);background:var(--color-white);color:var(--ink);align-self:start;align-items:center;padding:7px 10px;font-size:13px;line-height:1.3;display:inline-flex;position:relative}.corner-feel-lab-input.is-drift{color:#a83a44;background:#fbeaee;border:1px dashed #a83a44}.corner-feel-lab-drift-tag{color:#a83a44;background:#fbeaee;border-radius:99px;margin-left:8px;padding:1px 7px;font-size:10px;font-style:normal;font-weight:800}.corner-feel-lab-actions{flex-wrap:wrap;gap:8px;display:flex}.corner-feel-lab-primary{background:var(--color-rausch);color:var(--color-white);align-items:center;padding:9px 16px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.corner-feel-lab-secondary{border:1px solid var(--line);background:var(--color-white);color:var(--ink);align-items:center;padding:9px 14px;font-size:13px;font-weight:650;line-height:1.2;display:inline-flex}.corner-feel-lab-meter{border:1px solid var(--line);background:var(--color-white);color:var(--muted);border-radius:8px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.corner-feel-lab-meter b{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-weight:800}.corner-feel-lab-flag{border-radius:99px;padding:2px 9px;font-weight:700}.corner-feel-lab-flag[data-ok=true]{color:#1f6a3a;background:#e6f7ec}.corner-feel-lab-flag[data-ok=false]{color:#a83a44;background:#fbeaee}.corner-feel-lab-controls{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:10px;padding:12px;display:grid}.corner-feel-lab-preset-group{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;display:grid}.corner-feel-lab-preset-group button{flex-direction:column;align-items:flex-start;gap:1px;min-height:38px;padding:6px 8px;display:inline-flex}.corner-feel-lab-preset-group button small{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:10px;font-weight:700}.corner-feel-lab-preset-group button[aria-pressed=true] small{color:var(--ink)}.corner-feel-lab-toggles{flex-wrap:wrap;gap:8px;display:flex}.corner-feel-lab-reset{border-color:var(--line);background:var(--color-white);color:var(--ink)}.corner-feel-lab-reset:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.corner-feel-lab-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}.corner-feel-lab-status[data-tone=pass]{background:#f7fcf8;border-left-color:#2f7a4a}.corner-feel-lab-status[data-tone=fail]{background:#fff8f7;border-left-color:#a83a44}.corner-feel-lab-status strong{color:var(--ink);font-weight:800}.corner-feel-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.corner-feel-examples article{border:1px solid var(--line);border-left:4px solid var(--ink);background:var(--color-white);border-radius:8px;align-content:start;gap:6px;padding:13px 14px;display:grid}.corner-feel-examples article.is-bad{border-left-style:dashed;border-left-color:var(--color-deco);background:var(--soft)}.corner-feel-examples header{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.corner-feel-examples header strong{color:var(--ink);font-size:14px}.corner-feel-examples article.is-good header strong:before{content:"✓ ";color:#1f6a3a;font-weight:800}.corner-feel-examples article.is-bad header strong:before{content:"✗ ";color:#a83a44;font-weight:800}.corner-feel-examples header small{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.corner-feel-example-row{border:1px dashed var(--color-deco);background:var(--color-white);border-radius:6px;place-items:center;padding:12px 10px;display:grid}.corner-feel-example-card{border:1px solid var(--line);background:var(--color-white);flex-wrap:wrap;align-items:center;gap:6px;padding:9px 11px;display:inline-flex}.corner-feel-example-text{color:var(--ink);font-size:12px;font-weight:800}.corner-feel-example-input{border:1px solid var(--line);background:var(--soft);color:var(--ink);padding:3px 8px;font-size:11px;font-weight:700;line-height:1.3}.corner-feel-example-input.is-drift{color:#a83a44;background:#fbeaee;border:1px dashed #a83a44}.corner-feel-example-btn{align-items:center;padding:4px 10px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.corner-feel-example-btn.is-primary{background:var(--ink);color:var(--color-white)}.corner-feel-example-btn.is-secondary{border:1px solid var(--line);background:var(--color-white);color:var(--ink)}.corner-feel-examples p{color:var(--muted);margin:0;font-size:12px;line-height:1.58}.corner-feel-examples article>span{color:var(--ink);font-size:11px;font-weight:650}@media (max-width:720px){.corner-feel-lab-preset-group{grid-template-columns:repeat(2,minmax(0,1fr))}.corner-feel-examples{grid-template-columns:1fr}}.term-interactive-demo.corner-feel-lab[data-b1-rebuild]{color:#29223a;background:#eeeaf4;border-color:#433a54;box-shadow:7px 7px #bbb1cd}.term-interactive-demo.corner-feel-lab[data-b1-rebuild] .corner-feel-lab-stage{background:#fffdf9;border-color:#746688}.term-interactive-demo.corner-feel-lab[data-b1-rebuild] .corner-feel-lab-primary{color:#fff;background:#4a3e63}
.backdrop-blur-card-preview>small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.backdrop-blur-card-tiers{gap:5px;margin:0;padding:0;list-style:none;display:grid}.backdrop-blur-card-tiers li{border-bottom:1px dashed var(--color-deco);grid-template-columns:54px minmax(0,1fr);align-items:center;gap:9px;padding:4px 0;display:grid}.backdrop-blur-card-tiers li:last-child{border-bottom:0}.backdrop-blur-card-stage{border:1px solid var(--line);background:var(--soft);border-radius:6px;width:54px;height:30px;display:block;position:relative;overflow:hidden}.backdrop-blur-card-art{background:linear-gradient(135deg,#c7b79a 0%,#e7ddc8 38%,#8f99ad 72%,#5e6a7e 100%);position:absolute;inset:0}.backdrop-blur-card-stage:before{content:"";background:#ffffff8c;border-radius:50%;width:12px;height:12px;position:absolute;top:18%;left:14%}.backdrop-blur-card-stage:after{content:"";background:#1f23308c;border-radius:2px;width:22px;height:6px;position:absolute;bottom:16%;right:12%}.backdrop-blur-card-pane{color:#fff;background:#141b36a8;border:1px solid #fff6;border-radius:4px;place-items:center;display:grid;position:absolute;inset:5px 6px}.backdrop-blur-card-pane b{color:#fff;font-weight:800;line-height:1;font-size:8px!important}.backdrop-blur-card-meta{gap:1px;min-width:0;display:grid}.backdrop-blur-card-meta b{color:var(--ink);font-size:9px;font-weight:800}.backdrop-blur-card-meta i{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:8px;font-style:normal;line-height:1.3}.backdrop-blur-card-fallback{border:1px solid var(--color-deco);background:var(--soft);border-radius:6px;align-items:center;gap:6px;padding:4px 7px;display:flex}.backdrop-blur-card-fallback-swatch{color:#d1d7ea;background:#2a3245;border:1px solid #41485d;border-radius:4px;place-items:center;width:16px;height:16px;font-size:8px;font-weight:800;display:inline-grid}.backdrop-blur-card-fallback b{color:var(--ink);font-size:9px;font-weight:700;line-height:1.3}.backdrop-blur-card-conclusion{color:var(--ink);margin:0;font-size:9px;font-weight:700;line-height:1.45}@media (max-width:780px){.backdrop-blur-card-stage{width:46px;height:26px}.backdrop-blur-card-pane{inset:4px 5px}}.term-interactive-demo.backdrop-blur-lab{border-color:var(--line);background:var(--color-white);gap:14px}.term-interactive-demo.backdrop-blur-lab button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.backdrop-blur-lab button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.backdrop-blur-lab button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.term-interactive-demo.backdrop-blur-lab button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.backdrop-blur-lab input[type=range]{width:100%;min-height:0;accent-color:var(--ink);background:0 0;border:0;padding:0}.term-interactive-demo.backdrop-blur-lab input[type=range]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.backdrop-blur-lab-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.backdrop-blur-lab-brief strong{color:var(--ink)}.backdrop-blur-lab-stage{border:1px solid var(--line);background:var(--soft);border-radius:10px;gap:12px;padding:14px;display:grid}.backdrop-blur-lab-stage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.backdrop-blur-lab-stage-tag{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:700}.backdrop-blur-lab-badges{flex-wrap:wrap;gap:6px;display:inline-flex}.backdrop-blur-lab-badge{border:1px solid var(--color-deco);background:var(--color-white);color:var(--muted);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800}.backdrop-blur-lab-badge.is-pass{color:#1f6a3a;background:#e6f7ec;border-color:#bfe6cd}.backdrop-blur-lab-badge.is-fail{color:#a83a44;background:#fbeaee;border-color:#ecc9ce}.backdrop-blur-lab-badge.is-fallback{color:#3a3a44;background:#eeeef2;border-color:#d8dbe0}.backdrop-blur-lab-viewport{border:1px solid var(--line);background:var(--color-white);border-radius:8px;align-items:start;min-height:168px;display:grid;position:relative;overflow:hidden}.backdrop-blur-lab-page{position:absolute;inset:0;overflow:hidden}.backdrop-blur-lab-page[data-bg=plain]{background:linear-gradient(160deg,#f3efe7 0%,#e7e2d8 100%)}.backdrop-blur-lab-page[data-bg=complex]{background:linear-gradient(150deg,#d8c7a8 0%,#b9c2d2 45%,#e7ddc8 75%,#9aa3b5 100%)}.backdrop-blur-lab-shape{border-radius:50%;position:absolute}.backdrop-blur-lab-shape.is-sand{background:#c7aa78b3;width:70px;height:70px;top:46%;left:8%}.backdrop-blur-lab-shape.is-slate{background:#4a5468a8;border-radius:12px;width:90px;height:54px;top:64%;right:10%}.backdrop-blur-lab-shape.is-ink{background:#1f233099;width:56px;height:56px;top:84%;left:42%}.backdrop-blur-lab-line{background:#1f23306b;border-radius:3px;height:8px;position:absolute}.backdrop-blur-lab-line.is-wide{width:64%;top:30%;left:6%}.backdrop-blur-lab-line.is-mid{background:#fff9;width:34%;top:22%;right:8%}.backdrop-blur-lab-line.is-short{background:#ffffffb3;width:22%;top:12%;left:12%}.backdrop-blur-lab-toolbar{z-index:2;border-bottom:1px solid #ffffff24;align-items:center;gap:12px;margin:0;padding:11px 14px;display:flex;position:relative}.backdrop-blur-lab-toolbar[data-tone=light]{border-bottom-color:#1f23301a}.backdrop-blur-lab-toolbar[data-fallback=true]{border-bottom:0}.backdrop-blur-lab-brand{font-size:13px;font-weight:800}.backdrop-blur-lab-nav{gap:14px;margin-right:auto;display:none}.backdrop-blur-lab-nav span{opacity:.85;font-size:12px;font-weight:650}.backdrop-blur-lab-cta{background:var(--color-rausch-600);color:var(--color-white);border-radius:7px;align-items:center;margin-left:auto;padding:7px 16px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}@media (min-width:600px){.backdrop-blur-lab-nav{display:flex}}.backdrop-blur-lab-readout{border:1px solid var(--line);background:var(--color-white);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px 14px;margin:0;padding:12px 14px;display:grid}.backdrop-blur-lab-readout div{grid-template-columns:minmax(0,7rem) auto;align-items:baseline;gap:6px;display:grid}.backdrop-blur-lab-readout dt{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.backdrop-blur-lab-readout dd{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;margin:0;font-size:12px;font-weight:700}.backdrop-blur-lab-readout dd.is-pass{color:#1f6a3a}.backdrop-blur-lab-readout dd.is-fail{color:#a83a44}.backdrop-blur-lab-controls{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:12px;padding:12px 14px;display:grid}.backdrop-blur-lab-slider{gap:6px;display:grid}.backdrop-blur-lab-slider-name{color:var(--muted);justify-content:space-between;align-items:baseline;gap:6px;font-size:12px;font-weight:700;display:flex}.backdrop-blur-lab-slider-name output{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.backdrop-blur-lab-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.backdrop-blur-lab-group button{flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:8px 12px;display:inline-flex}.backdrop-blur-lab-group button span{font-size:13px;font-weight:800}.backdrop-blur-lab-group button small{color:var(--muted);font-size:10px;font-weight:600}.backdrop-blur-lab-group button[aria-pressed=true] small{color:var(--ink)}.backdrop-blur-lab-toggles{flex-wrap:wrap;gap:8px;display:flex}.backdrop-blur-lab-toggles>button[aria-pressed=true]{padding:7px 12px;font-size:12px;font-weight:700}.backdrop-blur-lab-reset{border:1px solid var(--line);background:var(--color-white);color:var(--ink);font:inherit;margin-left:auto;padding:7px 12px;font-size:12px;font-weight:650}.backdrop-blur-lab-reset:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.backdrop-blur-lab-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}.backdrop-blur-lab-status[data-tone=pass]{border-left-color:#2f7a4a}.backdrop-blur-lab-status[data-tone=fail]{background:#fdf3f4;border-left-color:#a83a44}.backdrop-blur-lab-status strong{font-weight:800}.backdrop-blur-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.backdrop-blur-examples article{border:1px solid var(--line);border-left:4px solid var(--ink);background:var(--color-white);border-radius:8px;align-content:start;gap:8px;padding:13px 14px;display:grid}.backdrop-blur-examples article.is-bad{border-left-style:dashed;border-left-color:var(--color-deco);background:var(--soft)}.backdrop-blur-examples header{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.backdrop-blur-examples header strong{color:var(--ink);font-size:14px}.backdrop-blur-examples article.is-good header strong:before{content:"✓ ";color:#1f6a3a;font-weight:800}.backdrop-blur-examples article.is-bad header strong:before{content:"✗ ";color:#a83a44;font-weight:800}.backdrop-blur-examples header small{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.backdrop-blur-example-stage{border:1px dashed var(--color-deco);background:var(--color-white);border-radius:6px;align-items:start;min-height:96px;display:grid;position:relative;overflow:hidden}.backdrop-blur-example-page{background:linear-gradient(150deg,#d8c7a8 0%,#b9c2d2 45%,#e7ddc8 75%,#9aa3b5 100%);position:absolute;inset:0}.backdrop-blur-example-page .backdrop-blur-lab-shape.is-sand{width:54px;height:54px;top:40%;left:6%}.backdrop-blur-example-page .backdrop-blur-lab-shape.is-slate{width:70px;height:42px;top:58%;right:8%}.backdrop-blur-example-page .backdrop-blur-lab-line.is-wide{width:60%;top:26%;left:6%}.backdrop-blur-example-page .backdrop-blur-lab-line.is-mid{width:32%;top:20%;right:8%}.backdrop-blur-example-toolbar{z-index:2;align-items:center;gap:10px;padding:10px 12px;display:flex;position:relative}.backdrop-blur-example-toolbar.is-dark{border-bottom:1px solid #ffffff24}.backdrop-blur-example-toolbar.is-thin{border-bottom:1px solid #1f23301f}.backdrop-blur-example-brand{font-size:12px;font-weight:800}.backdrop-blur-example-cta{background:var(--ink);color:var(--color-white);border-radius:6px;align-items:center;margin-left:auto;padding:5px 13px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.backdrop-blur-example-cta.is-ghost{color:#1f2330;background:0 0;box-shadow:inset 0 0 0 1px #1f233080}.backdrop-blur-examples p{color:var(--muted);margin:0;font-size:12px;line-height:1.58}.backdrop-blur-examples article>span{color:var(--ink);font-size:11px;font-weight:650}@media (max-width:720px){.backdrop-blur-lab-group{grid-template-columns:1fr}.backdrop-blur-lab-reset{margin-left:0}.backdrop-blur-lab-nav{display:none}.backdrop-blur-examples{grid-template-columns:1fr}}
.dark-mode-card-preview{gap:6px;padding:10px 11px}.dark-mode-card-preview>small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.dark-mode-card-pair{grid-template-columns:1fr 1fr;gap:6px;display:grid}.dark-mode-card-surface{border:1px solid var(--color-deco);border-radius:6px;gap:4px;padding:7px 8px;display:grid}.dark-mode-card-surface.is-light{color:#1f2937;background:#f8fafc;border-color:#cbd5e1}.dark-mode-card-surface.is-dark{color:#f4f5f7;background:#171a24;border-color:#3b4152}.dark-mode-card-head{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.dark-mode-card-head b{font-weight:800;font-size:10px!important}.dark-mode-card-surface.is-light .dark-mode-card-head b{color:#1f2937}.dark-mode-card-surface.is-dark .dark-mode-card-head b{color:#f4f5f7}.dark-mode-card-head i{font-size:8px;font-style:normal;font-weight:700}.dark-mode-card-surface.is-light .dark-mode-card-head i{color:#62626c}.dark-mode-card-surface.is-dark .dark-mode-card-head i{color:#9da8c4}.dark-mode-card-chart{border-radius:4px;align-items:flex-end;gap:3px;height:26px;padding:3px;display:flex}.dark-mode-card-surface.is-light .dark-mode-card-chart{background:#eef2f7}.dark-mode-card-surface.is-dark .dark-mode-card-chart{background:#ffffff0d}.dark-mode-card-chart span{border-radius:2px;width:30%;display:block}.dark-mode-card-surface.is-light .dark-mode-card-chart span{background:#425ee8}.dark-mode-card-surface.is-dark .dark-mode-card-chart span{background:#9db4ff}.dark-mode-card-code{font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:3px 6px;font-size:8px;line-height:1.4;display:block}.dark-mode-card-surface.is-light .dark-mode-card-code{color:#3a4358;background:#eef2f7}.dark-mode-card-surface.is-dark .dark-mode-card-code{color:#c9d4ee;background:#ffffff0f}.dark-mode-card-actions{display:flex}.dark-mode-card-cta{border-radius:4px;align-items:center;padding:4px 8px;font-weight:800;display:inline-flex;font-size:9px!important}.dark-mode-card-cta.is-light{color:#fff;background:#2b2620}.dark-mode-card-cta.is-dark{color:#1b1d21;background:#f4f5f7}.dark-mode-card-note{border:1px solid var(--color-deco);background:var(--soft);border-radius:6px;align-items:center;gap:5px;padding:5px 7px;display:flex}.dark-mode-card-note-x{color:#a83a44;background:#fbeaee;border-radius:50%;place-items:center;width:14px;height:14px;font-size:9px;font-weight:800;display:inline-grid}.dark-mode-card-note b{color:var(--ink);font-size:9px;font-weight:800}.dark-mode-card-note i{color:var(--muted);font-size:8px;font-style:normal;line-height:1.3}.dark-mode-card-conclusion{color:var(--ink);margin:0;font-size:9px;font-weight:700;line-height:1.45}.term-interactive-demo.dark-mode-lab{border-color:var(--line);background:var(--color-white);gap:14px}.term-interactive-demo.dark-mode-lab button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.dark-mode-lab button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.dark-mode-lab button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.term-interactive-demo.dark-mode-lab button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.dark-mode-lab-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.dark-mode-lab-brief strong{color:var(--ink)}.dark-mode-lab-stage{border:1px solid var(--line);border-radius:10px;gap:12px;padding:14px;transition:background-color .15s ease-out,border-color .15s ease-out;display:grid}.dark-mode-lab-stage[data-surface=light]{background:var(--soft);border-color:var(--line)}.dark-mode-lab-stage[data-surface=dark]{background:#1b2233;border-color:#2a3346}.dark-mode-lab-stage-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.dark-mode-lab-stage-tag{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:700}.dark-mode-lab-stage[data-surface=dark] .dark-mode-lab-stage-tag{color:#9da8c4}.dark-mode-lab-badge{border:1px solid var(--color-deco);background:var(--color-white);color:var(--muted);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800}.dark-mode-lab-badge.is-pass{color:#1f6a3a;background:#e6f7ec;border-color:#bfe6cd}.dark-mode-lab-badge.is-fail{color:#a83a44;background:#fbeaee;border-color:#ecc9ce}.dark-mode-lab-object{border:1px solid var(--line);border-radius:10px;gap:10px;width:100%;max-width:340px;margin:2px auto 0;padding:14px;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out,filter .15s ease-out;display:grid}.dark-mode-lab-object[data-surface=light]{background:var(--color-white);color:var(--ink);border-color:var(--line);box-shadow:0 4px 14px #22263024}.dark-mode-lab-object[data-surface=dark]{color:#f2f5fb;background:#2a3245;border-color:#ffffff38;box-shadow:0 2px 8px #00000059}.dark-mode-lab-object[data-invert=true]{filter:invert()hue-rotate(180deg)}.dark-mode-lab-object-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.dark-mode-lab-brand{color:var(--ink);font-size:14px;font-weight:800}.dark-mode-lab-object[data-surface=dark] .dark-mode-lab-brand{color:#f4f7fe}.dark-mode-lab-meta{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.dark-mode-lab-object[data-surface=dark] .dark-mode-lab-meta{color:#9da8c4}.dark-mode-lab-title{color:var(--ink);margin:0;font-size:15px;font-weight:800}.dark-mode-lab-object[data-surface=dark] .dark-mode-lab-title{color:#f4f7fe}.dark-mode-lab-line{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.dark-mode-lab-object[data-surface=dark] .dark-mode-lab-line{color:#aab3c5}.dark-mode-lab-chart{border:1px solid #0000;border-radius:6px;align-items:flex-end;gap:6px;height:44px;padding:5px 7px;display:flex}.dark-mode-lab-object[data-surface=light] .dark-mode-lab-chart{background:#eef2f7;border-color:#e2e8f0}.dark-mode-lab-object[data-surface=dark] .dark-mode-lab-chart{background:#ffffff0d;border-color:#ffffff1a}.dark-mode-lab-chart span{border-radius:3px;width:28px;display:block}.dark-mode-lab-object[data-surface=light] .dark-mode-lab-chart span{background:#425ee8}.dark-mode-lab-object[data-surface=dark] .dark-mode-lab-chart span{background:#9db4ff}.dark-mode-lab-code{font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:6px;padding:6px 9px;font-size:12px;line-height:1.4;display:block}.dark-mode-lab-object[data-surface=light] .dark-mode-lab-code{color:#3a4358;background:#eef2f7}.dark-mode-lab-object[data-surface=dark] .dark-mode-lab-code{color:#c9d4ee;background:#ffffff12}.dark-mode-lab-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dark-mode-lab-primary{border:1px solid var(--color-rausch-600);background:var(--color-rausch-600);color:var(--color-white);border-radius:7px;align-items:center;padding:8px 16px;font-size:13px;font-weight:700;line-height:1.2;display:inline-flex}.dark-mode-lab-secondary{border:1px solid var(--line);background:var(--color-white);color:var(--ink);border-radius:7px;align-items:center;padding:8px 14px;font-size:13px;font-weight:650;line-height:1.2;display:inline-flex}.dark-mode-lab-object[data-surface=dark] .dark-mode-lab-secondary{color:#e7ecf5;background:#ffffff14;border-color:#ffffff3d}.dark-mode-lab-readout{border:1px solid var(--line);background:var(--color-white);border-radius:8px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin:0;padding:10px 12px;display:grid}.dark-mode-lab-stage[data-surface=dark] .dark-mode-lab-readout{background:#ffffff0a;border-color:#ffffff1a}.dark-mode-lab-readout div{gap:2px;min-width:0;display:grid}.dark-mode-lab-readout dt{color:var(--muted);letter-spacing:.03em;text-transform:uppercase;font-size:10px;font-weight:700}.dark-mode-lab-stage[data-surface=dark] .dark-mode-lab-readout dt{color:#9da8c4}.dark-mode-lab-readout dd{color:var(--ink);margin:0;font-size:13px;font-weight:800}.dark-mode-lab-stage[data-surface=dark] .dark-mode-lab-readout dd{color:#f4f7fe}.dark-mode-lab-readout dd.is-pass{color:#1f6a3a}.dark-mode-lab-readout dd.is-fail{color:#a83a44}.dark-mode-lab-stage[data-surface=dark] .dark-mode-lab-readout dd.is-pass{color:#4ec878}.dark-mode-lab-stage[data-surface=dark] .dark-mode-lab-readout dd.is-fail{color:#ff8a95}.dark-mode-lab-controls{gap:10px;display:grid}.dark-mode-lab-strategy{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.dark-mode-lab-strategy button{gap:2px;padding:8px 10px;display:grid}.dark-mode-lab-strategy button span{font-size:13px;font-weight:800}.dark-mode-lab-strategy button small{color:var(--muted);font-size:10px;font-weight:600}.dark-mode-lab-strategy button[aria-pressed=true] small{color:var(--ink)}.dark-mode-lab-sys{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dark-mode-lab-sys>span{color:var(--muted);font-size:12px;font-weight:700}.dark-mode-lab-sys button{min-height:32px;padding:6px 12px}.dark-mode-lab-toggles{flex-wrap:wrap;gap:8px;display:flex}.dark-mode-lab-reset{border-color:var(--line);background:var(--color-white);color:var(--ink);margin-left:auto}.dark-mode-lab-status{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:8px;margin:0;padding:11px 13px;font-size:13px;line-height:1.6}.dark-mode-lab-status[data-tone=pass]{background:#e6f7ec;border-color:#bfe6cd}.dark-mode-lab-status[data-tone=fail]{background:#fbeaee;border-color:#ecc9ce}.dark-mode-lab-status strong{font-weight:800}.dark-mode-examples{gap:14px;display:grid}.dark-mode-examples article{border:1px solid var(--line);background:var(--color-white);border-radius:10px;gap:8px;padding:14px;display:grid}.dark-mode-examples article.is-good{background:#f3faf5;border-color:#bfe6cd}.dark-mode-examples article.is-bad{background:#fdf3f4;border-color:#ecc9ce}.dark-mode-examples header{align-items:baseline;gap:8px;display:flex}.dark-mode-examples header strong{font-size:13px;font-weight:800}.dark-mode-examples article.is-good header strong{color:#1f6a3a}.dark-mode-examples article.is-bad header strong{color:#a83a44}.dark-mode-examples header small{color:var(--muted);font-size:11px;font-weight:700}.dark-mode-example-row{flex-wrap:wrap;gap:10px;display:flex}.dark-mode-example-card{border:1px solid #0000;border-radius:8px;gap:6px;width:150px;padding:10px;display:grid}.dark-mode-example-card.is-light{color:#1f2937;background:#f8fafc;border-color:#cbd5e1;box-shadow:0 3px 8px #2226301f}.dark-mode-example-card.is-dark{color:#f2f5fb;background:#2a3245;border-color:#ffffff38}.dark-mode-example-card.is-invert{color:#1f2937;filter:invert()hue-rotate(180deg);background:#f8fafc;border-color:#cbd5e1;box-shadow:0 3px 8px #2226301f}.dark-mode-example-card .de-brand{font-size:11px;font-weight:800}.dark-mode-example-card .de-chart{border-radius:3px;height:22px;display:block}.dark-mode-example-card.is-light .de-chart{background:linear-gradient(90deg,#425ee8 60%,#9db4ff 60%)}.dark-mode-example-card.is-dark .de-chart{background:linear-gradient(90deg,#9db4ff 60%,#c2d0ff 60%)}.dark-mode-example-card .de-code{font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:4px;padding:3px 6px;font-size:9px;display:block}.dark-mode-example-card.is-light .de-code{color:#3a4358;background:#eef2f7}.dark-mode-example-card.is-dark .de-code{color:#c9d4ee;background:#ffffff12}.dark-mode-example-card .de-cta{border-radius:5px;justify-content:center;align-items:center;padding:4px 10px;font-size:10px;font-weight:800;display:inline-flex}.dark-mode-example-card.is-light .de-cta{color:#fff;background:#2b2620}.dark-mode-example-card.is-dark .de-cta{color:#1b1d21;background:#f4f5f7}.dark-mode-examples p{color:var(--ink);margin:0;font-size:12px;line-height:1.55}.dark-mode-examples article>span{color:var(--muted);font-size:11px;font-weight:700}@media (max-width:560px){.dark-mode-lab-strategy,.dark-mode-card-pair{grid-template-columns:1fr}}
.design-token-card-preview{gap:6px;padding:11px 12px;display:grid}.design-token-card-preview>small{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:9px;font-weight:700}.design-token-card-rows{gap:6px;margin:0;padding:0;list-style:none;display:grid}.design-token-card-rows li{border:1px solid var(--color-deco);background:var(--color-white);border-radius:6px;gap:4px;padding:6px 7px;display:grid}.design-token-card-rows li.is-ok{border-left:3px solid #2f7a4a}.design-token-card-rows li.is-bad{background:#fdf3f4;border-left:3px solid #a83a44}.design-token-card-src{border:1px solid var(--line);background:var(--soft);border-radius:5px;justify-content:space-between;align-items:center;gap:6px;padding:3px 7px;display:flex}.design-token-card-src code{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:9px;font-weight:700}.design-token-card-src b{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-weight:800;font-size:9px!important}.design-token-card-fan{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.design-token-card-fan i{border:1px solid var(--line);background:var(--soft);color:var(--ink);border-radius:4px;align-items:center;padding:2px 6px;font-size:9px;font-style:normal;font-weight:700;line-height:1.3;display:inline-flex}.design-token-card-fan i.is-drift{color:#a83a44;background:#fbeaee;border:1px dashed #a83a44}.design-token-card-rows em{color:var(--muted);font-size:9px;font-style:normal;font-weight:700}.design-token-card-rows li.is-ok em{color:#1f6a3a}.design-token-card-rows li.is-bad em{color:#a83a44}.design-token-card-conclusion{color:var(--ink);margin:0;font-size:9px;font-weight:700;line-height:1.45}.term-interactive-demo.design-token-lab{border-color:var(--line);background:var(--color-white);gap:14px}.term-interactive-demo.design-token-lab button{border-color:var(--line);background:var(--color-white);color:var(--ink)}.term-interactive-demo.design-token-lab button:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.term-interactive-demo.design-token-lab button[aria-pressed=true]{border-color:var(--ink);background:var(--soft);color:var(--ink);font-weight:800}.term-interactive-demo.design-token-lab button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.term-interactive-demo.design-token-lab input[type=range]{width:100%;min-height:0;accent-color:var(--ink);background:0 0;border:0;padding:0}.term-interactive-demo.design-token-lab input[type=range]:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.design-token-lab-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.design-token-lab-brief strong{color:var(--ink)}.design-token-lab-stage{border:1px solid var(--line);background:var(--soft);border-radius:10px;gap:10px;padding:14px;display:grid}.design-token-lab-stage-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.design-token-lab-stage-tag{color:var(--muted);letter-spacing:.02em;font-size:11px;font-weight:700}.design-token-lab-badge{border:1px solid var(--color-deco);background:var(--color-white);color:var(--muted);border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800}.design-token-lab-badge.is-pass{color:#1f6a3a;background:#e6f7ec;border-color:#bfe6cd}.design-token-lab-badge.is-fail{color:#a83a44;background:#fbeaee;border-color:#ecc9ce}.design-token-lab-card{border:1px solid var(--line);background:var(--color-white);border-left-width:4px;border-radius:10px;gap:12px;padding:14px;display:grid;position:relative;overflow:hidden}.design-token-lab-card.is-pass{border-left-color:#2f7a4a}.design-token-lab-card.is-fail{border-left-color:#a83a44}.design-token-lab-strip{border-radius:2px;height:4px;margin:-14px -14px 0;display:block}.design-token-lab-card-head{justify-content:space-between;align-items:center;gap:10px;display:flex}.design-token-lab-brand{color:var(--ink);font-size:15px;font-weight:800}.design-token-lab-pill{color:var(--color-white);align-items:center;gap:6px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex;position:relative}.design-token-lab-pill.is-drift{outline-offset:2px;outline:2px dashed #a83a44}.design-token-lab-drift-tag{color:var(--color-white);background:#ffffff38;border-radius:99px;padding:1px 7px;font-size:10px;font-style:normal;font-weight:800}.design-token-lab-title{color:var(--ink);margin:0;font-size:18px;font-weight:800;line-height:1.25}.design-token-lab-field{gap:5px;display:grid}.design-token-lab-field-label{color:var(--muted);font-size:12px;font-weight:700}.design-token-lab-input{border:1px solid var(--line);background:var(--color-white);color:var(--ink);font-size:13px;line-height:1.3;display:block}.design-token-lab-meta{color:var(--muted);margin:0;font-size:12px;line-height:1.5}.design-token-lab-meta code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:3px;padding:1px 5px;font-size:11px;font-weight:700}.design-token-lab-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.design-token-lab-cta{background:var(--color-rausch-600);color:var(--color-white);border-radius:8px;align-items:center;padding:10px 18px;font-size:14px;font-weight:700;line-height:1.2;display:inline-flex}.design-token-lab-secondary{border:1px solid var(--line);background:var(--color-white);color:var(--ink);align-items:center;padding:9px 14px;font-size:13px;font-weight:650;line-height:1.2;display:inline-flex}.design-token-lab-link{text-underline-offset:3px;font-size:13px;font-weight:700;text-decoration:underline}.design-token-lab-meter{border:1px solid var(--line);background:var(--color-white);color:var(--muted);border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:9px 12px;font-size:12px;display:flex}.design-token-lab-meter b{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-weight:800}.design-token-lab-tier{align-items:center;gap:5px;display:inline-flex}.design-token-lab-tier i{border:1px solid var(--color-deco);border-radius:3px;width:14px;height:14px;display:inline-block}.design-token-lab-flag{border-radius:99px;margin-left:auto;padding:2px 10px;font-weight:800}.design-token-lab-flag[data-ok=true]{color:#1f6a3a;background:#e6f7ec}.design-token-lab-flag[data-ok=false]{color:#a83a44;background:#fbeaee}.design-token-lab-controls{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:10px;padding:12px;display:grid}.design-token-lab-brand-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.design-token-lab-brand-group button{flex-direction:column;align-items:flex-start;gap:2px;min-height:44px;padding:6px 10px;display:inline-flex}.design-token-lab-brand-group button i{border:1px solid var(--color-deco);border-radius:3px;width:16px;height:16px;display:inline-block}.design-token-lab-brand-group button span{font-size:12px;font-weight:800}.design-token-lab-brand-group button small{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:10px;font-weight:700}.design-token-lab-brand-group button[aria-pressed=true] small{color:var(--ink)}.design-token-lab-slider{gap:6px;display:grid}.design-token-lab-slider-name{color:var(--muted);justify-content:space-between;align-items:baseline;gap:6px;font-size:12px;font-weight:700;display:flex}.design-token-lab-slider-name code{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.design-token-lab-slider-name output{color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:800}.design-token-lab-toggles{flex-wrap:wrap;gap:8px;display:flex}.design-token-lab-reset{border-color:var(--line);background:var(--color-white);color:var(--ink);margin-left:auto}.design-token-lab-reset:hover{border-color:var(--ink);background:var(--soft);color:var(--ink)}.design-token-lab-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}.design-token-lab-status[data-tone=pass]{background:#f7fcf8;border-left-color:#2f7a4a}.design-token-lab-status[data-tone=fail]{background:#fff8f7;border-left-color:#a83a44}.design-token-lab-status strong{color:var(--ink);font-weight:800}.design-token-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.design-token-examples article{border:1px solid var(--line);border-left:4px solid var(--ink);background:var(--color-white);border-radius:8px;align-content:start;gap:6px;padding:13px 14px;display:grid}.design-token-examples article.is-bad{border-left-style:dashed;border-left-color:var(--color-deco);background:var(--soft)}.design-token-examples header{justify-content:space-between;align-items:baseline;gap:6px;display:flex}.design-token-examples header strong{color:var(--ink);font-size:14px}.design-token-examples article.is-good header strong:before{content:"✓ ";color:#1f6a3a;font-weight:800}.design-token-examples article.is-bad header strong:before{content:"✗ ";color:#a83a44;font-weight:800}.design-token-examples header small{color:var(--muted);font-family:var(--font-geist-mono), ui-monospace, monospace;font-size:11px;font-weight:700}.design-token-example-card{border:1px solid var(--line);background:var(--color-white);border-radius:8px;gap:8px;padding:12px;display:grid}.design-token-example-strip{border-radius:2px;height:4px;display:block}.design-token-example-brand{color:var(--ink);font-size:12px;font-weight:800}.design-token-example-pill{color:var(--color-white);border-radius:6px;align-self:start;align-items:center;padding:4px 10px;font-size:11px;font-weight:700;line-height:1.2;display:inline-flex}.design-token-example-pill.is-drift{outline-offset:2px;outline:2px dashed #a83a44}.design-token-example-cta{background:var(--ink);color:var(--color-white);border-radius:6px;align-self:start;align-items:center;padding:5px 13px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.design-token-example-link{text-underline-offset:3px;font-size:11px;font-weight:700;text-decoration:underline}.design-token-examples p{color:var(--muted);margin:0;font-size:12px;line-height:1.58}.design-token-examples p code{background:var(--soft);color:var(--ink);font-family:var(--font-geist-mono), ui-monospace, monospace;border-radius:3px;padding:1px 5px;font-size:11px}.design-token-examples article>span{color:var(--ink);font-size:11px;font-weight:650}@media (max-width:720px){.design-token-lab-brand-group{grid-template-columns:1fr}.design-token-lab-reset{margin-left:0}.design-token-examples{grid-template-columns:1fr}}
.transition-card-preview{background:linear-gradient(145deg,#fbf6ec,#f4ecd9);border:1px solid #ece0c8;border-radius:8px;gap:8px;padding:12px;display:grid}.transition-card-pair{justify-content:center;align-items:center;gap:8px;display:flex}.transition-card-chip{color:#2b2620;background:#fffdf7;border:1px solid #d9c89e;border-radius:7px;padding:6px 11px;font-weight:800;box-shadow:0 2px #e8dcc2;font-size:11px!important}.transition-card-chip.is-active{color:#fffaf2;background:#b4530a;border-color:#8a3e08;box-shadow:0 2px #8a3e08}.transition-card-arrow{color:#b4530a;font-size:14px;font-weight:900}.transition-card-spec{color:#8a3e08;font-family:var(--font-geist-mono), ui-monospace, monospace;text-align:center;background:#f6e3c8;border-radius:5px;place-items:center;padding:5px 8px;font-weight:700;display:grid;font-size:10px!important}.transition-card-verdict{color:#2b2620;background:#fffdf7;border:1px solid #e0d3b6;border-left:4px solid #b4530a;border-radius:5px;margin:0;padding:6px 8px;font-weight:800;line-height:1.4;font-size:11px!important}.transition-card-notes{gap:4px;margin:0;padding:0;list-style:none;display:grid}.transition-card-notes li{color:#4a4338;align-items:center;gap:6px;font-weight:700;line-height:1.35;display:flex;font-size:10px!important}.transition-card-notes li.is-good:before{content:"✓";color:#15803d;font-weight:900}.transition-card-notes li.is-bad:before{content:"✕";color:#b91c1c;font-weight:900}.transition-interaction-demo{background:linear-gradient(160deg,#fbf6ec,#f6efde);border-color:#ece0c8;gap:14px}.transition-interaction-demo button:hover{color:#2b2620;border-color:#b4530a}.transition-demo-intro{gap:5px;display:grid}.transition-demo-eyebrow{color:#8a3e08;letter-spacing:.02em;background:#f6e3c8;border-radius:999px;align-items:center;width:fit-content;padding:3px 9px;font-size:11px;font-weight:800;display:inline-flex}.transition-demo-intro p{color:#4a4338;margin:0;font-size:13px;line-height:1.55}.transition-demo-strategies{border:0;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;display:grid}.transition-demo-strategies legend{color:#6e6557;width:100%;margin-bottom:4px;padding:0;font-size:12px;font-weight:800}.transition-demo-strategy{cursor:pointer;display:grid;position:relative}.transition-demo-strategy input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.transition-demo-strategy-text{color:#2b2620;background:#fffdf7;border:1px solid #e0d3b6;border-radius:8px;gap:3px;padding:9px 10px;transition:border-color .16s,background-color .16s,box-shadow .16s;display:grid}.transition-demo-strategy-text b{font-size:13px;font-weight:800}.transition-demo-strategy-text code{color:#6e6557;font-family:var(--font-geist-mono), ui-monospace, monospace;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.transition-demo-strategy-text small{border-radius:999px;justify-self:start;padding:1px 6px;font-size:10px;font-weight:800}.transition-demo-strategy.is-good .transition-demo-strategy-text small{color:#15803d;background:#e7f4ec}.transition-demo-strategy.is-bad .transition-demo-strategy-text small{color:#b91c1c;background:#fbe4e4}.transition-demo-strategy:not(.is-good):not(.is-bad) .transition-demo-strategy-text small{color:#6e6557;background:#efe6d2}.transition-demo-strategy.is-selected .transition-demo-strategy-text{background:#fdf3e2;border-color:#b4530a;box-shadow:0 0 0 2px #b4530a2e}.transition-demo-strategy input:focus-visible+.transition-demo-strategy-text{outline-offset:2px;outline:3px solid #b4530a}.transition-demo-options{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;display:grid}.transition-demo-duration{gap:5px;display:grid}.transition-demo-duration-label{color:#4a4338;font-size:12px;font-weight:700}.transition-demo-duration-label b{color:#b4530a}.transition-demo-duration input[type=range]{accent-color:#b4530a;width:100%;padding:0}.transition-demo-reduced{color:#4a4338;cursor:pointer;align-items:center;gap:7px;font-size:12px;font-weight:700;display:flex}.transition-demo-reduced input{accent-color:#b4530a;width:auto;min-height:0}.transition-demo-preference{color:#15803d;margin:0;font-size:12px}.transition-demo-stage{background:#fffdf7;border:1px solid #ece0c8;border-radius:9px;gap:12px;padding:16px;display:grid}.transition-demo-phase{color:#8b8273;justify-content:center;align-items:center;gap:8px;font-size:12px;display:flex}.transition-demo-phase span{color:#6e6557;background:#fbf6ec;border:1px solid #e0d3b6;border-radius:999px;padding:3px 9px;font-size:11px;font-weight:700}.transition-demo-phase span.is-current{color:#fffaf2;background:#b4530a;border-color:#8a3e08}.transition-demo-phase i{color:#b4530a;font-style:normal;font-weight:900}.transition-demo-row{justify-content:center;align-items:center;gap:10px;min-height:60px;padding:6px;display:flex}.transition-interaction-demo .transition-demo-target{color:#2b2620;min-width:132px;min-height:44px;font:inherit;cursor:pointer;background:#fffdf7;border:1px solid #d9c89e;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:800;box-shadow:0 4px #e8dcc2}.transition-interaction-demo .transition-demo-target:hover{border-color:#b4530a}.transition-interaction-demo .transition-demo-target:focus-visible{outline-offset:3px;outline:3px solid #b4530a}.transition-interaction-demo .transition-demo-target.is-saved{color:#fffaf2;background:#b4530a;border-color:#8a3e08;min-width:156px;padding:13px 24px;transform:translateY(-1px);box-shadow:0 2px #8a3e08}.transition-demo-neighbor{color:#6e6557;white-space:nowrap;background:#fbf6ec;border:1px dashed #c9b98a;border-radius:6px;padding:6px 10px;font-size:12px;font-weight:700}.transition-demo-warn{color:#b91c1c;white-space:nowrap;background:#fbe4e4;border:1px solid #b91c1c;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:800}.transition-demo-hint{color:#6e6557;text-align:center;margin:0;font-size:12px;line-height:1.5}.transition-demo-readout{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;display:grid}.transition-demo-readout span{background:#fffdf7;border:1px solid #e0d3b6;border-radius:7px;gap:3px;min-width:0;padding:7px 9px;display:grid}.transition-demo-readout small{color:#8b8273;font-size:10px;font-weight:700}.transition-demo-readout b,.transition-demo-readout code{color:#8a3e08;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:800;overflow:hidden}.transition-demo-readout code{font-family:var(--font-geist-mono), ui-monospace, monospace}.transition-demo-status{color:#4a4338;margin:0;font-size:13px;line-height:1.55}.transition-recap{gap:8px;margin:0;padding:0;list-style:none;display:grid}.transition-recap li{color:#43392e;background:#fffdf7;border:1px solid #ece0c8;border-left:4px solid #b4530a;border-radius:7px;padding:9px 11px 9px 14px;font-size:13px;line-height:1.6}.transition-recap li b{color:#2b2620}.transition-state-guide{gap:11px;display:grid}.transition-state-tabs{flex-wrap:wrap;gap:6px;display:flex}.transition-state-tabs button{color:#626977;min-height:32px;font:inherit;background:#fff;border:1px solid #dfe2eb;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:750;transition:border-color .18s,color .18s,background-color .18s,transform .14s}.transition-state-tabs button:hover,.transition-state-tabs button:focus-visible{color:#4f66bb;border-color:#aab9e5;transform:translateY(-1px)}.transition-state-tabs button.is-selected{color:#4f66bb;background:#eef2ff;border-color:#a3b4e5}.transition-state-change{color:#7b8496;align-items:center;gap:7px;min-height:24px;font-size:11px;display:flex}.transition-state-change b{color:#4c63bb;background:#e7edff;border-radius:999px;padding:3px 7px;font-size:11px}.transition-state-rail{height:10px;margin:0 5px;position:relative}.transition-state-rail-line{background:#dce3f1;border-radius:99px;height:2px;position:absolute;inset:4px 0 auto}.transition-state-rail-dot{background:#4c63bb;border:2px solid #fff;border-radius:50%;width:9px;height:9px;transition:left .32s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;transform:translate(-50%);box-shadow:0 0 0 2px #4c63bb2e}.transition-state-preview{background:#fafbff;border:1px solid #dce3f1;border-radius:9px;justify-items:center;gap:10px;padding:16px;transition:border-color .26s,background-color .26s,box-shadow .26s;display:grid}.transition-state-preview.is-hover-focus{border-color:#bcc9ee}.transition-state-preview.is-active{border-color:#c5d0ef}.transition-state-preview.is-selected{border-color:#aab9e5}.transition-state-preview.is-disabled{background:#f7f7f8;border-color:#e3e3e9}.transition-state-preview-heading{color:#858b99;align-items:center;gap:7px;font-size:11px;display:flex}.transition-state-preview-heading b{color:#4c63bb;background:#e7edff;border-radius:999px;padding:3px 7px;font-size:11px;transition:color .18s,background-color .18s}.transition-state-preview.is-disabled .transition-state-preview-heading b{color:#74747e;background:#e8e8eb}.transition-state-preview-target{color:#4c61b7;min-width:156px;min-height:42px;font:inherit;cursor:pointer;background:#eef2ff;border:1px solid #cbd4ff;border-radius:8px;padding:9px 14px;font-size:13px;font-weight:800;transition:border-color .18s,color .18s,background-color .18s,box-shadow .18s,transform .18s;box-shadow:0 4px #cbd4ff}.transition-state-preview-target:hover{border-color:#7e96e4;transform:translateY(-1px)}.transition-state-preview-target:focus-visible{outline-offset:3px;outline:3px solid #4c63bb2e}.transition-state-preview-target:active:not(:disabled),.transition-state-preview.is-active .transition-state-preview-target{transform:translateY(2px)scale(.98);box-shadow:0 1px #cbd4ff}.transition-state-preview.is-hover-focus .transition-state-preview-target{border-color:#7e96e4;box-shadow:0 0 0 3px #4c63bb1f,0 4px #cbd4ff}.transition-state-preview.is-selected .transition-state-preview-target{color:#fff;background:#425ee8;border-color:#425ee8;box-shadow:inset 0 -2px #1827753d}.transition-state-preview.is-disabled .transition-state-preview-target{color:#9a9aa4;box-shadow:none;cursor:not-allowed;background:#ededf0;border-color:#d9d9df}.transition-state-preview>p{color:#687183;text-align:center;max-width:58ch;margin:0;font-size:13px;line-height:1.55}.transition-state-interaction-hint{color:#8a91a1;font-size:11px}.transition-state-guidance{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.transition-state-guidance article{background:#f5fbf7;border:1px solid #dce3e7;border-radius:8px;gap:5px;padding:10px 11px;display:grid}.transition-state-guidance article.is-bad{background:#fff7f8;border-color:#ead9dc}.transition-state-guidance small{color:#347b61;font-size:11px;font-weight:800}.transition-state-guidance .is-bad small{color:#a4545b}.transition-state-guidance p{color:#626a79;margin:0;font-size:12px;line-height:1.5}.transition-usage-examples{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.transition-usage-example{background:#f4fbf6;border:1px solid #cfe4d7;border-radius:8px;align-content:start;gap:8px;min-width:0;padding:11px;display:grid}.transition-usage-example.is-bad{background:#fff7f8;border-color:#ead9dc}.transition-usage-heading{gap:4px;display:grid}.transition-usage-heading small{color:#347b61;font-size:10px;font-weight:800}.transition-usage-example.is-bad .transition-usage-heading small{color:#a4545b}.transition-usage-heading b{color:#435d4b;font-size:13px}.transition-usage-example.is-bad .transition-usage-heading b{color:#77545a}.transition-usage-preview{color:#347b61;background:#fff;border:1px dashed #c6ded0;border-radius:7px;place-items:center;min-height:44px;display:grid}.transition-usage-example.is-bad .transition-usage-preview{color:#a4545b;background:#fffafb;border-color:#e6cdd1}.transition-usage-preview span{background:#e8f7ed;border-radius:6px;padding:6px 9px;font-size:11px;font-weight:800}.transition-usage-example.is-bad .transition-usage-preview span{background:#fdebed}.transition-usage-example code{color:#4f66bb;text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.transition-usage-example.is-bad code{color:#a4545b}.transition-usage-example p{color:#687183;margin:0;font-size:11px;line-height:1.5}@media (prefers-reduced-motion:reduce){.transition-demo-target,.transition-demo-strategy-text,.transition-state-tabs button,.transition-state-rail-dot,.transition-state-preview,.transition-state-preview-target{transition-duration:0s!important}}@media (max-width:780px){.transition-demo-strategies{grid-template-columns:1fr}.transition-demo-options{grid-template-columns:1fr;gap:8px}.transition-demo-stage{padding:13px}.transition-demo-readout,.transition-state-guidance,.transition-usage-examples{grid-template-columns:1fr}}
.animation-card-preview{text-align:left;justify-items:stretch;gap:7px;padding:12px 13px;display:grid}.animation-card-preview .animation-card-eyebrow{color:var(--muted);letter-spacing:.01em;font-weight:800;font-size:10px!important}.animation-card-preview .animation-card-lanes{gap:5px;margin:0;padding:0;list-style:none;display:grid}.animation-card-preview .animation-card-lanes li{border:1px solid var(--color-deco);background:var(--color-white);border-radius:7px;gap:3px;padding:7px 9px;display:grid}.animation-card-preview .animation-card-lanes li.is-shot{border-color:var(--ink);background:var(--color-faint)}.animation-card-preview .animation-card-lane-label{color:var(--muted);font-weight:800;font-size:10px!important}.animation-card-preview .animation-card-lanes li.is-shot .animation-card-lane-label{color:var(--ink)}.animation-card-preview .animation-card-lane-result{color:var(--ink);font-weight:800;font-size:11px!important}.animation-card-preview .animation-card-lanes li.is-loop .animation-card-lane-result{color:var(--muted);font-weight:750}.animation-card-preview .animation-card-note{border-top:1px dashed var(--color-deco);color:var(--muted);margin:0;padding-top:5px;line-height:1.4;font-size:10px!important}.animation-demo-actions button:focus-visible{outline:3px solid var(--ink);outline-offset:2px}.term-interactive-demo.animation-demo{border-color:var(--line);background:var(--color-white)}.animation-demo-brief{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.animation-demo-mode{flex-wrap:wrap;gap:6px;display:flex}.animation-demo-mode button{border:1px solid var(--color-deco);background:var(--color-white);min-height:34px;color:var(--ink);font:inherit;border-radius:7px;padding:7px 11px;font-size:13px;font-weight:700}.animation-demo-mode button:hover:not(:disabled){border-color:var(--ink);background:var(--color-faint);color:var(--ink)}.animation-demo-mode button[aria-pressed=true]{border-color:var(--ink);background:var(--color-faint);color:var(--ink);font-weight:800}.animation-demo-mode button:disabled{cursor:not-allowed;opacity:.5}.animation-demo-stage{border:1px solid var(--line);background:var(--color-faint);border-radius:9px;align-content:center;justify-items:center;min-height:118px;padding:26px 14px 16px;display:grid;position:relative}.animation-demo-stage:before{content:"保存结果物件";color:var(--muted);letter-spacing:.04em;font-size:10px;font-weight:800;position:absolute;top:8px;left:12px}.animation-demo-object{border:1px solid var(--color-deco);background:var(--color-white);min-width:172px;color:var(--ink);text-align:center;will-change:transform;border-radius:9px;justify-items:center;gap:4px;padding:13px 18px;display:grid}.animation-demo-object.is-idle{color:var(--muted);border-style:dashed}.animation-demo:not(.is-reduced) .animation-demo-object{transition:border-color .16s,background-color .16s,color .16s}.animation-demo-object.is-saving,.animation-demo-object.is-looping{border-color:var(--ink);color:var(--ink)}.animation-demo-object.is-paused{border-style:dashed;border-color:var(--color-deco);background:var(--color-faint);color:var(--muted)}.animation-demo-object.is-finished{border-color:var(--ink);background:var(--color-faint);color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.animation-demo-object-label{align-items:center;gap:6px;font-size:15px;font-weight:800;display:inline-flex}.animation-demo-object.is-finished .animation-demo-object-label{font-size:16px}.animation-demo-object-check{background:var(--color-rausch);color:#fff;border-radius:50%;place-items:center;width:18px;height:18px;font-size:11px;font-weight:900;line-height:1;display:inline-grid}.animation-demo-object-sub{color:var(--muted);font-size:11px;font-weight:700}.animation-demo-object.is-finished .animation-demo-object-sub{color:var(--ink)}.animation-demo-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.animation-demo-actions button{border:1px solid var(--color-deco);background:var(--color-white);min-height:34px;color:var(--ink);font:inherit;border-radius:7px;padding:7px 12px;font-size:13px;font-weight:700}.animation-demo-actions button:hover:not(:disabled){border-color:var(--ink);background:var(--color-faint);color:var(--ink)}.animation-demo-actions button:disabled{cursor:not-allowed;opacity:.5}.animation-demo-actions .animation-demo-primary{border-color:var(--ink);background:var(--ink);color:var(--color-white);font-weight:800}.animation-demo-actions .animation-demo-primary:hover:not(:disabled){background:var(--ink);border-color:var(--ink);color:var(--color-white);filter:brightness(.9)}.animation-demo-reduced{color:var(--ink);align-items:center;gap:6px;margin-left:auto;font-size:12px;font-weight:700;display:inline-flex}.animation-demo-pref{color:var(--muted);margin:0;font-size:11px;font-weight:700}.animation-demo-status{border:1px solid var(--line);border-left-width:4px;border-left-color:var(--color-deco);background:var(--color-white);color:var(--ink);border-radius:8px;margin:0;padding:9px 12px;font-size:12px;line-height:1.5}.animation-howto{gap:8px;margin:10px 0 0;padding:0;list-style:inside decimal;display:grid}.animation-howto li{border:1px solid var(--line);background:var(--color-white);color:var(--muted);border-radius:8px;padding:9px 11px;font-size:13px;line-height:1.55}.animation-howto li b{color:var(--ink);font-size:13px;font-weight:800}.animation-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.animation-examples article{border:1px solid var(--line);background:var(--color-white);border-radius:9px;gap:6px;padding:14px;display:grid}.animation-examples article header{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.animation-examples article strong{color:var(--ink);font-size:14px}.animation-examples article small{color:var(--muted);font-size:11px;font-weight:800}.animation-examples article p{color:var(--muted);margin:0;font-size:12px;line-height:1.6}.animation-examples article span{color:var(--muted);font-size:11px}.animation-examples article.is-good{border-left:4px solid var(--ink)}.animation-examples article.is-good header strong:before{content:"✓ ";color:var(--ink);font-weight:800}.animation-examples article.is-bad{border-left:4px dashed var(--color-deco);background:var(--color-faint)}.animation-examples article.is-bad header strong:before{content:"✗ ";color:var(--muted);font-weight:700}@media (max-width:560px){.animation-demo-mode,.animation-demo-actions{width:100%}.animation-demo-mode button{flex:1 1 0}.animation-demo-reduced{margin-left:0}.animation-demo-object{width:100%;min-width:0}.animation-examples{grid-template-columns:1fr}}