:root{--bg:#000;--ink:#e8ecf2;--dim:#e8ecf257;--dimmer:#e8ecf229;--accent:#4d8dff;--rose:#f0868b;--mono:ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--mono);font-synthesis:none;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{background:var(--bg);height:100%;color:var(--ink);margin:0;overflow:hidden}button,input{font:inherit;color:inherit}.app{--chip-1:#ffd9cf;--chip-2:#f08a86;--chip-3:#b3202f;--chip-4:#35060c;background:#000;width:100%;height:100%;position:relative}.app[data-palette=ember]{--chip-1:#ffe7b8;--chip-2:#ff9c3a;--chip-3:#c23a09;--chip-4:#2c0d02}.app[data-palette=frost]{--chip-1:#e2f3ff;--chip-2:#6fb0f5;--chip-3:#2350b8;--chip-4:#04102c}.stage{position:absolute;inset:0}.stage-canvas{touch-action:none;cursor:grab;width:100%;height:100%;display:block}.stage-canvas:active{cursor:grabbing}.vignette{pointer-events:none;background:radial-gradient(at 50% 46%,#0000 42%,#0000008c 100%);position:absolute;inset:0}.hud{pointer-events:none;letter-spacing:.04em;-webkit-user-select:none;user-select:none;font-size:10px;line-height:1.65;position:absolute;inset:0}.hud-corner{position:absolute}.hud-tl{top:20px;left:22px}.hud-title{letter-spacing:.34em;text-transform:uppercase;color:#e8ecf2d9;font-size:11px}.hud-sub{color:var(--dimmer);letter-spacing:.16em}.hud-code{font-family:var(--mono);color:var(--dimmer);white-space:pre;margin:0;font-size:9.5px;line-height:1.75;position:absolute;top:78px;left:22px}.code-line{gap:10px;padding:0 6px 0 0;display:flex}.code-line .gutter{color:#e8ecf21a}.code-line.is-active{color:#ffffffeb;background:linear-gradient(90deg,#4d8dff8c,#4d8dff00)}.code-line.is-active .gutter{color:#ffffff80}.hud-bl{color:var(--dimmer);bottom:22px;left:22px}.log-line .tick{color:#4d8dffb3}.hud-br{text-align:right;color:var(--dim);bottom:22px;right:22px}.readout{justify-content:flex-end;gap:14px;display:flex}.readout .k{color:var(--dimmer);letter-spacing:.2em;text-transform:uppercase}.readout .v,.spark{color:#e8ecf2b8;font-variant-numeric:tabular-nums}.spark{color:#4d8dffb3;letter-spacing:-1px}.hud-chip{flex-direction:row-reverse;align-items:center;gap:10px;display:flex;position:absolute;top:46%;right:-34px}.chip-disc{background:radial-gradient(circle at 42% 38%, var(--chip-1) 0%, var(--chip-2) 26%, var(--chip-3) 62%, var(--chip-4) 100%), #000;width:74px;height:74px;box-shadow:0 0 30px color-mix(in srgb, var(--chip-2) 25%, transparent);border:1px solid #e8ecf22e;border-radius:50%}.chip-label{writing-mode:vertical-rl;letter-spacing:.3em;text-transform:uppercase;color:var(--dimmer);font-size:8.5px}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#08090cb8;border:1px solid #e8ecf21f;width:268px;font-size:10px;position:absolute;top:20px;right:22px}.panel-toggle{cursor:pointer;letter-spacing:.26em;text-transform:uppercase;color:#e8ecf2b3;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:9px 12px;display:flex}.panel-toggle:hover{color:#fff}.panel-body{border-top:1px solid #e8ecf21a;flex-direction:column;gap:9px;padding:4px 12px 12px;display:flex}.ctrl-row{align-items:center;gap:8px;display:flex}.ctrl-label{color:var(--dim);letter-spacing:.12em;flex:0 0 66px}.ctrl-value{text-align:right;color:#e8ecf2b3;font-variant-numeric:tabular-nums;flex:0 0 34px}input[type=range]{appearance:none;cursor:pointer;background:#e8ecf22e;outline:none;flex:1;height:2px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--rose);border-radius:50%;width:9px;height:9px}input[type=range]::-moz-range-thumb{background:var(--rose);border:0;border-radius:50%;width:9px;height:9px}.seg{flex:1;gap:3px;display:flex}.seg-btn{color:var(--dim);cursor:pointer;letter-spacing:.08em;background:0 0;border:1px solid #e8ecf21f;flex:1;padding:4px 0}.seg-btn:hover{color:#fff;border-color:#e8ecf24d}.seg-btn.is-on{color:#fff;background:#f0868b24;border-color:#f0868bb3}.ctrl-checks{gap:16px;padding-top:2px}.check{color:var(--dim);cursor:pointer;letter-spacing:.12em;align-items:center;gap:6px;display:flex}.check input{accent-color:var(--rose)}.panel-actions{gap:6px;padding-top:2px;display:flex}.btn{color:#e8ecf2bf;cursor:pointer;letter-spacing:.2em;text-transform:uppercase;background:0 0;border:1px solid #e8ecf229;flex:1;padding:7px 0}.btn:hover{color:#fff;border-color:#e8ecf266}.btn-primary{color:#ffd8d6;background:#f0868b1a;border-color:#f0868b8c}.btn-primary:hover{background:#f0868b33}.panel-hint{color:var(--dimmer);letter-spacing:.08em;margin:2px 0 0}@media (width<=720px){.hud-code,.hud-chip,.hud-sub,.hud-bl{display:none}.panel{width:auto;inset:auto 16px 16px}.hud-br{top:42px;bottom:auto;right:22px}.hud-br .readout:last-child{display:none}}