:root{--stage-bg:#2a2731;--panel-bg:#18161d;--surface:#24212b;--surface-hover:#2e2a37;--border:#2f2b38;--text:#ece8f2;--text-muted:#9d96ab;--accent:#ff5fa8;--accent-text:#1a0b14;--font-ui:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-pixel:"Silkscreen", var(--font-mono);--axis-x:#3987e5;--axis-y:#d95926;--axis-z:#199e70;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--font-ui);color:var(--text);background:var(--panel-bg);-webkit-font-smoothing:antialiased}*,:before,:after{box-sizing:border-box}body{background:var(--panel-bg);margin:0;overflow:hidden}button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:6px;padding:6px 10px;font-size:13px}button:hover{background:var(--surface-hover)}button:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.link{color:var(--accent);background:0 0;border:0;padding:0;font-size:12px}input[type=range]{width:100%;accent-color:var(--accent)}input[type=checkbox]{accent-color:var(--accent)}.field{flex-direction:column;gap:6px;margin-bottom:12px;display:flex}.field-head{justify-content:space-between;align-items:baseline;display:flex}.field-label{font-size:13px}.field-value{font:12px var(--font-mono);color:var(--text-muted)}.range-ends{color:var(--text-muted);justify-content:space-between;margin-top:-2px;font-size:11px;display:flex}.stepper{flex-direction:row;justify-content:space-between;align-items:center}.stepper-control{grid-template-columns:28px 120px 40px 28px;align-items:center;gap:4px;display:grid}.stepper-btn{padding:2px 0;font-size:16px;line-height:1.2}.stepper-name{text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.stepper-index{text-align:center;font:11px var(--font-mono);color:var(--text-muted)}.swatches{flex-wrap:wrap;gap:4px;display:flex}.swatch{border:1px solid #ffffff1f;border-radius:4px;width:22px;height:22px;padding:0}.swatch:hover{filter:brightness(1.15)}.swatch.selected{outline:2px solid var(--text);outline-offset:1px}.segmented{flex-wrap:wrap;gap:4px;display:flex}.segmented button{flex:1;padding:5px 6px;font-size:12px}.segmented button.active,.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}.chip{border-radius:999px;padding:4px 10px;font-size:12px}.screen{grid-template-columns:minmax(0,1fr) 360px;height:100dvh;display:grid}.stage{background:var(--stage-bg);min-width:0;min-height:0;position:relative}.viewport{justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.app-nav{align-items:baseline;gap:14px;display:flex;position:absolute;top:16px;left:16px}.app-nav .logo{font-family:var(--font-pixel);letter-spacing:.04em;color:var(--accent);font-size:22px}.app-nav nav{gap:12px;display:flex}.app-nav a{color:var(--text-muted);font-size:13px;text-decoration:none}.app-nav a:hover{color:var(--text)}.app-nav a.router-link-exact-active{color:var(--text);text-decoration:underline;-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent);text-underline-offset:4px}.hud{max-width:60%;font:12px var(--font-mono);color:var(--text-muted);pointer-events:none;flex-wrap:wrap;justify-content:flex-end;gap:2px 12px;display:flex;position:absolute;top:16px;right:16px}.hint{color:var(--text-muted);pointer-events:none;margin:0;font-size:12px;position:absolute;bottom:12px;left:16px}.prompt{color:#fff;white-space:nowrap;pointer-events:none;background:#100e16d1;border-radius:6px;margin:0;padding:6px 12px;font-size:13px;position:absolute;bottom:44px;left:50%;transform:translate(-50%)}.panel{background:var(--panel-bg);border-left:1px solid var(--border);padding:16px 16px 40px;overflow-y:auto}.actions{gap:8px;margin-bottom:8px;display:flex}.actions button{flex:1}.group{border-bottom:1px solid var(--border);padding:12px 0}.group h2{letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0 0 10px;font-size:11px;font-weight:600}.group h3{color:var(--text);justify-content:space-between;margin:14px 0 6px;font-size:12px;font-weight:600;display:flex}.chips{flex-wrap:wrap;gap:6px;margin-bottom:10px;display:flex}.toggles{grid-template-columns:1fr 1fr;gap:8px;font-size:13px;display:grid}.toggles label{align-items:center;gap:6px;display:flex}@media (width<=820px){.screen{grid-template-rows:55dvh minmax(0,1fr);grid-template-columns:1fr}.panel{border-left:0;border-top:1px solid var(--border)}.app-nav{flex-wrap:wrap;row-gap:4px;right:16px}.app-nav nav{flex-wrap:wrap;gap:4px 12px}.app-nav .logo{font-size:18px}.hud{justify-content:flex-start;gap:2px 10px;max-width:none;font-size:11px;inset:auto 16px 10px}.hint{display:none}}