.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}}