@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@300;400;500&display=swap";:root{--bg: #000000;--panel: rgba(8, 9, 12, .85);--line: rgba(255, 255, 255, .07);--line-strong: rgba(255, 255, 255, .14);--ink: #e8eaef;--ink-dim: #8a8e96;--ink-faint: #50535b;--accent: #5fffd6;--warn: #ff7a59}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;height:100%;background:var(--bg);color:var(--ink);font-family:JetBrains Mono,ui-monospace,monospace;font-weight:400;font-size:12px;letter-spacing:.01em;overflow:hidden;-webkit-font-smoothing:antialiased}#stage{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block;cursor:grab;touch-action:none}#stage:active{cursor:grabbing}#hud{position:fixed;top:16px;left:18px;right:18px;display:flex;pointer-events:none;z-index:10}.hud-row{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim)}.brand{color:var(--ink);font-weight:500;letter-spacing:.22em}.brand .dim{color:var(--ink-faint);font-weight:300;margin-left:2px}.stat{font-variant-numeric:tabular-nums;color:var(--ink-dim);padding-left:14px;border-left:1px solid var(--line)}#panel{position:fixed;top:16px;right:16px;width:280px;max-height:calc(100vh - 32px);display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line-strong);backdrop-filter:blur(18px) saturate(140%);-webkit-backdrop-filter:blur(18px) saturate(140%);z-index:20;font-feature-settings:"tnum";transition:transform .22s cubic-bezier(.2,.8,.2,1),opacity .22s}#panel[data-open=false]{transform:translate(calc(100% - 36px));opacity:.85}#panel header{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line)}#panel h1{margin:0;font-size:10px;font-weight:500;letter-spacing:.28em;text-transform:uppercase;color:var(--ink-dim)}#panel-toggle{width:18px;height:18px;background:transparent;border:1px solid var(--line-strong);color:var(--ink-dim);font-family:inherit;font-size:12px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;border-radius:0}#panel-toggle:hover{color:var(--ink);border-color:var(--ink-dim)}.panel-body{overflow-y:auto;padding:4px 0 12px;scrollbar-width:thin;scrollbar-color:var(--line-strong) transparent}.panel-body::-webkit-scrollbar{width:6px}.panel-body::-webkit-scrollbar-thumb{background:var(--line-strong)}.panel-body::-webkit-scrollbar-track{background:transparent}#panel section{padding:12px 14px;border-bottom:1px solid var(--line)}#panel section:last-of-type{border-bottom:none}#panel h2{margin:0 0 8px;font-size:9px;font-weight:500;letter-spacing:.3em;text-transform:uppercase;color:var(--ink-faint)}.ctl{margin-bottom:10px}.ctl:last-child{margin-bottom:0}.ctl label{display:flex;justify-content:space-between;align-items:baseline;font-size:10.5px;color:var(--ink-dim);margin-bottom:4px;letter-spacing:.08em;text-transform:lowercase}.ctl label span[data-out]{color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:.04em}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;height:18px;cursor:ew-resize;margin:0}input[type=range]::-webkit-slider-runnable-track{height:1px;background:var(--line-strong)}input[type=range]::-moz-range-track{height:1px;background:var(--line-strong);border:none}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:12px;width:4px;background:var(--accent);border:0;border-radius:0;margin-top:-6px;box-shadow:0 0 6px #5fffd680}input[type=range]::-moz-range-thumb{height:12px;width:4px;background:var(--accent);border:0;border-radius:0;box-shadow:0 0 6px #5fffd680}input[type=range]:hover::-webkit-slider-thumb{background:#fff;box-shadow:0 0 8px #fff9}input[type=range]:hover::-moz-range-thumb{background:#fff;box-shadow:0 0 8px #fff9}.row{display:flex;gap:6px}.preset-row{flex-wrap:wrap}.btn,.preset{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;border:1px solid var(--line-strong);color:var(--ink-dim);padding:6px 0;font-family:inherit;font-size:10px;letter-spacing:.14em;text-transform:uppercase;cursor:pointer;border-radius:0;transition:color .12s,border-color .12s,background .12s}.btn:hover,.preset:hover{color:var(--ink);border-color:var(--ink-dim)}.btn.active,.preset.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.btn.primary{color:var(--accent);border-color:var(--accent)}.btn.primary:hover{color:var(--bg);background:var(--accent)}.hint{padding:10px 14px;font-size:10px;color:var(--ink-faint);border-top:1px solid var(--line);letter-spacing:.04em}.hint kbd{display:inline-block;padding:1px 5px;border:1px solid var(--line-strong);color:var(--ink-dim);font-family:inherit;font-size:9px;margin:0 2px}#error{position:fixed;top:0;right:0;bottom:0;left:0;background:#050608eb;align-items:center;justify-content:center;z-index:50}.error-card{border:1px solid var(--warn);background:#0a0c10;padding:24px 28px;max-width:420px;color:var(--ink)}.error-card h2{margin:0 0 8px;color:var(--warn);font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:500}.error-card p{margin:6px 0;font-size:12px;line-height:1.55;color:var(--ink-dim)}.error-card .dim{color:var(--ink-faint);font-size:10.5px;word-break:break-word}