.staging{padding:40px 20px 8px}.staging__title{font-family:var(--font-head,var(--font-display), "Archivo Narrow", sans-serif);letter-spacing:-.01em;color:var(--color-ink,#0e0e0c);text-wrap:balance;font-size:1.75rem;font-weight:700;line-height:1.08}.staging__lede{font-family:var(--font-body,var(--font-editorial), Georgia, serif);color:var(--color-ink-soft,#4c4e46);text-wrap:pretty;margin-top:8px;font-size:1.05rem;line-height:1.45}.staging__styles{scrollbar-width:none;gap:18px;margin:14px -8px 0;padding:8px;display:flex;overflow-x:auto}.staging__styles::-webkit-scrollbar{display:none}.staging__style{font-family:var(--font-label,var(--font-mono), ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-faint,#5f6259);transition:color .2s ease, transform .16s var(--ease-out,cubic-bezier(.16,1,.3,1));-webkit-tap-highlight-color:transparent;flex-direction:column;flex:none;align-items:center;gap:8px;padding:0;font-size:.62rem;font-weight:500;display:flex}.staging__style:active{transform:scale(.94)}.staging__swatch{border-radius:var(--radius-pill,999px);object-fit:cover;object-position:30% 65%;width:58px;height:58px;box-shadow:0 0 0 1px var(--color-line,#d5d0c2), 0 4px 14px #0e0e0c1a;transition:box-shadow .25s var(--ease-out,cubic-bezier(.16,1,.3,1)), transform .25s var(--ease-out,cubic-bezier(.16,1,.3,1))}.staging__style.is-on{color:var(--color-ink,#0e0e0c)}.staging__style.is-on .staging__swatch{box-shadow:0 0 0 2px var(--color-bg,#f2efe7), 0 0 0 3.5px var(--color-ink,#0e0e0c), 0 6px 18px #0e0e0c29;transform:scale(1.04)}.staging__rooms{scrollbar-width:none;gap:18px;margin-top:16px;display:flex;overflow-x:auto}.staging__rooms::-webkit-scrollbar{display:none}.staging__room{font-family:var(--font-label,var(--font-mono), ui-monospace, monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--color-ink-faint,#5f6259);border-bottom:1px solid #0000;flex:none;padding:6px 0;font-size:.68rem;font-weight:500;transition:color .15s,border-color .15s}.staging__room.is-on{color:var(--color-ink,#0e0e0c);border-color:var(--color-ink,#0e0e0c)}.staging__stage{aspect-ratio:3/2;background:var(--color-accent-soft,#e8e4d9);touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:pointer;-webkit-tap-highlight-color:transparent;margin:18px -20px 0;position:relative;overflow:hidden}.staging__stage img{object-fit:cover;pointer-events:none;-webkit-user-drag:none;width:100%;height:100%;position:absolute;inset:0}.staging__canvas{opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.staging__stage.is-gl .staging__canvas{opacity:1}.staging__stage.is-gl .staging__fallback{visibility:hidden}.staging__fallback{animation:staging-fade .5s var(--ease-out,cubic-bezier(.16,1,.3,1))}@keyframes staging-fade{0%{opacity:0}}.staging__empty{opacity:0;transition:opacity .28s var(--ease-out,cubic-bezier(.16,1,.3,1));z-index:1}.staging__stage.is-holding .staging__empty{opacity:1}.staging__tag{border-radius:var(--radius-pill,999px);-webkit-backdrop-filter:blur(12px)saturate(1.4);backdrop-filter:blur(12px)saturate(1.4);color:#f2efe7;font-family:var(--font-label,var(--font-mono), ui-monospace, monospace);letter-spacing:.1em;text-transform:uppercase;pointer-events:none;z-index:3;background:#0e0e0c6b;padding:6px 11px;font-size:.62rem;font-weight:500;position:absolute;top:12px;right:12px}.staging__press{z-index:3;border-radius:var(--radius-pill,999px);-webkit-backdrop-filter:blur(14px)saturate(1.5);backdrop-filter:blur(14px)saturate(1.5);color:#f2efe7;font-family:var(--font-label,var(--font-mono), ui-monospace, monospace);letter-spacing:.04em;pointer-events:none;transition:opacity .4s ease, transform .4s var(--ease-out,cubic-bezier(.16,1,.3,1)), background-color .2s ease;animation:staging-press-in .5s var(--ease-out,cubic-bezier(.16,1,.3,1)) .6s both;background:#0e0e0c75;align-items:center;gap:7px;padding:7px 13px 7px 9px;font-size:.64rem;font-weight:500;display:inline-flex;position:absolute;bottom:12px;left:12px}.staging__press svg{flex:none;width:18px;height:18px}.staging__press-ring{transform-origin:12px 9px;animation:1.8s ease-in-out infinite staging-press-ring}.staging__press.is-holding{background:#0e0e0ca8}.staging__press.is-holding .staging__press-ring{animation:none;transform:scale(.7)}.staging__press.is-gone{opacity:0;transition-delay:1s;transform:translateY(6px)}@keyframes staging-press-in{0%{opacity:0;transform:translateY(6px)}}@keyframes staging-press-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.55;transform:scale(.72)}}@media (prefers-reduced-motion:reduce){.staging__press,.staging__press-ring{animation:none}}.staging__mention{font-family:var(--font-label,var(--font-mono), ui-monospace, monospace);color:var(--color-ink-faint,#5f6259);margin-top:8px;font-size:.66rem;line-height:1.5}@media (prefers-reduced-transparency:reduce){.staging__tag,.staging__press{-webkit-backdrop-filter:none;backdrop-filter:none;background:#0e0e0cd1}}.staging__stage{border-radius:20px;margin:16px 0 0;box-shadow:0 14px 36px #0e0e0c24}.staging--onDark{--color-ink:#f2efe7;--color-ink-faint:#f2efe79e;--color-line:#f2efe738;--color-bg:#16150f;--color-accent-soft:#f2efe714;padding:0}.staging--onDark .staging__styles{margin-top:0}.staging--onDark .staging__stage{margin-top:10px;box-shadow:0 24px 60px #00000059}.staging--onDark .staging__mention{color:#f2efe799}.lp .staging__style,.lp .staging__room{font-family:var(--font-label,var(--font-mono), ui-monospace, monospace);font-size:.68rem;font-weight:500;line-height:normal}