:root{--bg:#faf9f6;--text:#45413a;--text-soft:#8d877c;--heading:#191713;--border:#e8e5de;--accent:#9a6b3f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--bg:#141416;--text:#b6b2a9;--text-soft:#7d796f;--heading:#edeae2;--border:#2b2b2e;--accent:#c79b6e;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font:17px/1.65 system-ui,-apple-system,Segoe UI,sans-serif;transition:color .35s,background-color .35s}::selection{background:var(--accent);color:var(--bg)}main{place-items:center;min-height:100svh;padding:1.5rem;display:grid}.following-avatar{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}#theme-toggle,#motion-toggle{border:1px solid var(--border);width:2.5rem;height:2.5rem;color:var(--text-soft);cursor:pointer;background:0 0;border-radius:999px;place-items:center;padding:0;transition:color .2s,border-color .35s,transform .2s;display:grid}body>#theme-toggle{position:fixed;top:1.25rem;right:1.25rem}body>#motion-toggle{position:fixed;top:1.25rem;left:1.25rem}#theme-toggle:hover,#motion-toggle:hover{color:var(--heading);transform:scale(1.06)}#motion-toggle[hidden],:root[data-theme=dark] .icon-sun,:root:not([data-theme=dark]) .icon-moon{display:none}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px}.sprite-follow{-webkit-user-select:none;user-select:none;-webkit-user-drag:none;background-repeat:no-repeat}:root{--mono:ui-monospace, "SF Mono", "Cascadia Code", Menlo, monospace}.bench-header{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex;position:fixed;inset:0 0 auto}.bench-title{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-soft);font-size:.72rem;font-weight:500}.back-link{border:1px solid var(--border);width:2.5rem;height:2.5rem;color:var(--text-soft);border-radius:999px;place-items:center;text-decoration:none;transition:color .2s,border-color .35s,transform .2s;display:grid}.back-link:hover{color:var(--heading);transform:scale(1.06)}#drop-zone{border:1.5px dashed var(--border);width:min(26rem,100%);color:var(--text-soft);text-align:center;cursor:pointer;border-radius:.75rem;justify-items:center;gap:.4rem;padding:2.75rem 2rem;transition:color .2s,border-color .2s,background-color .2s;display:grid}#drop-zone svg{opacity:.8;margin-bottom:.75rem}#drop-zone strong{color:var(--heading);letter-spacing:.01em;font-size:1.05rem}#drop-zone span{font-family:var(--mono);letter-spacing:.04em;font-size:.72rem}#drop-zone:hover,#drop-zone.dragover{border-color:var(--accent);color:var(--accent);background:color-mix(in srgb, var(--accent) 6%, transparent)}#drop-zone[hidden]{display:none}#bench{flex-direction:column;align-items:center;display:flex}#bench[hidden]{display:none}#stage{border-radius:.75rem;place-items:center;width:min(24rem,100vw - 2rem);max-width:calc(100vw - 2rem);height:24rem;transition:background-color .2s,width .25s,height .25s;display:grid;overflow:clip}#stage.drop-target{background:color-mix(in srgb, var(--accent) 6%, transparent)}#sprite-host{position:relative}#sprite-host.checker{background:repeating-conic-gradient(color-mix(in srgb, var(--text-soft) 22%, transparent) 0% 25%, transparent 0% 50%) 0 0 / 16px 16px}.sprite-sheet-debug{opacity:.3;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%;transition:transform .18s ease-out;display:none;position:absolute;top:50%;left:50%;translate:-50% -50%}.sprite-sheet-debug.on{display:block}#bench-error{font-family:var(--mono);letter-spacing:.03em;color:var(--accent);margin:.5rem 0 0;font-size:.75rem}#bench-error[hidden]{display:none}#console-slot{place-items:center;height:3.5rem;margin-top:.75rem;display:grid;position:relative}#console{flex-wrap:wrap;justify-content:center;align-items:center;gap:.9rem;padding-inline-end:2.9rem;display:flex}#dismiss-btn{position:absolute;top:50%;right:0;translate:0 -50%}#console.dismissed>:not(#dismiss-btn){display:none}#console.dismissed{padding-inline-end:0}#dismiss-btn .icon-up,#console.dismissed #dismiss-btn .icon-down{display:none}#console.dismissed #dismiss-btn .icon-up{display:block}[data-tip]{position:relative}[data-tip]:after{content:attr(data-tip);z-index:20;background:var(--heading);color:var(--bg);font-family:var(--mono);letter-spacing:.03em;white-space:nowrap;opacity:0;pointer-events:none;border-radius:.35rem;padding:.28rem .55rem;font-size:.68rem;transition:opacity .12s;position:absolute;bottom:calc(100% + 7px);left:50%;translate:-50%}[data-tip]:hover:after,[data-tip]:focus-visible:after{opacity:1;transition-delay:.45s}.label{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-soft);font-size:.65rem}#pose-out{border:1px solid var(--border);width:2.1rem;height:2.1rem;color:var(--text-soft);background:0 0;border-radius:999px;place-items:center;transition:color .2s,border-color .2s,background-color .2s;display:inline-grid}#pose-out .icon-arrow{transition:rotate .16s ease-out}#pose-out .icon-dot,#pose-out.is-center .icon-arrow{display:none}#pose-out.is-center .icon-dot{display:block}#pose-out.is-center{color:var(--text-soft)}#pose-out:not(.is-center){color:var(--accent);border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 8%, transparent)}.sep{background:var(--border);width:1px;height:1.1rem}.group{align-items:center;gap:.4rem;display:inline-flex}.seg,.tool{border:1px solid var(--border);color:var(--text-soft);cursor:pointer;background:0 0;border-radius:.45rem;place-items:center;padding:0;transition:color .2s,border-color .2s,background-color .2s;display:grid}.seg{min-width:1.7rem;height:1.7rem;font-family:var(--mono);font-size:.72rem}.tool{width:2rem;height:2rem}.seg:hover,.tool:hover{color:var(--heading);border-color:var(--text-soft)}.seg.is-active,.tool.is-active{color:var(--accent);border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent)}#step-range,#dead-range{width:5.5rem;accent-color:var(--accent)}#step-out,#dead-out{text-align:right;width:5ch;font-family:var(--mono);color:var(--text-soft);font-size:.72rem;display:inline-block}@media (width<=40rem){.bench-header{padding:1rem}#stage{height:21rem}#console{gap:.6rem}#step-range,#dead-range{width:4.5rem}}