:root{--hud-bg:#060a10d1;--hud-border:#78aaff2e;--hud-text:#b9c8dd;--hud-dim:#68798f;--accent:#ffb454;--accent-2:#6fb7ff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}.app{color:var(--hud-text);background:#000;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;position:fixed;inset:0}.stage{position:absolute;inset:0}.stage canvas{width:100%;height:100%}.hud{background:var(--hud-bg);border:1px solid var(--hud-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;border-radius:10px;flex-direction:column;width:330px;max-width:calc(100vw - 28px);max-height:calc(100vh - 28px);font-size:12px;display:flex;position:absolute;top:14px;left:14px;overflow:hidden}.hud[hidden]{display:none}.hud-head{border-bottom:1px solid var(--hud-border);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.hud-title{letter-spacing:.18em;color:#e8eef7;font-size:12px;font-weight:700}.hud-sub{color:var(--hud-dim);letter-spacing:.06em;font-size:10px}.hud-collapse{color:var(--hud-dim);margin-left:auto}.hud-body{padding:10px 12px 14px;overflow-y:auto}.hud.collapsed .hud-body{display:none}.status-grid{grid-template-columns:auto 1fr;gap:3px 10px;margin-bottom:10px;display:grid}.status-grid dt{color:var(--hud-dim)}.status-grid dd{color:var(--hud-text);text-align:right;margin:0}.status-grid dd b{color:var(--accent-2);font-weight:600}.presets{grid-template-columns:1fr 1fr;gap:6px;margin:8px 0 12px;display:grid}.preset-btn{border:1px solid var(--hud-border);color:var(--hud-text);font:inherit;text-align:left;cursor:pointer;background:#1e2d428c;border-radius:6px;padding:7px 8px;font-size:11px}.preset-btn:hover{border-color:var(--accent-2)}.preset-btn.active{border-color:var(--accent);color:var(--accent);background:#50371459}.preset-btn small{color:var(--hud-dim);margin-top:2px;font-size:9px;display:block}.transport{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.transport button{border:1px solid var(--hud-border);min-width:70px;color:var(--hud-text);font:inherit;cursor:pointer;background:#1e2d428c;border-radius:6px;flex:auto;padding:6px;font-size:11px}.transport button:hover{border-color:var(--accent-2)}.transport button.warn:hover{color:#ff6a5e;border-color:#ff6a5e}.group-label{color:var(--hud-dim);letter-spacing:.22em;text-transform:uppercase;border-bottom:1px dashed var(--hud-border);margin:12px 0 4px;padding-bottom:3px;font-size:10px}.ctl{margin:7px 0}.ctl-row{justify-content:space-between;margin-bottom:2px;display:flex}.ctl-row label{color:var(--hud-text);font-size:11px}.ctl-row output{color:var(--accent-2);font-size:11px}.ctl input[type=range]{appearance:none;cursor:pointer;background:0 0;width:100%;height:18px}.ctl input[type=range]::-webkit-slider-runnable-track{background:#78aaff40;border-radius:2px;height:3px}.ctl input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--accent);border:1px solid #2a1c08;border-radius:50%;width:11px;height:11px;margin-top:-4px}.ctl input[type=range]::-moz-range-track{background:#78aaff40;border-radius:2px;height:3px}.ctl input[type=range]::-moz-range-thumb{background:var(--accent);border:1px solid #2a1c08;border-radius:50%;width:11px;height:11px}.keys{color:var(--hud-dim);margin-top:12px;font-size:10px;line-height:1.9}.keys kbd{border:1px solid var(--hud-border);color:var(--hud-text);background:#1e2d4299;border-radius:4px;margin-right:4px;padding:0 5px;font-size:9px;display:inline-block}.quality-row{gap:4px;margin:6px 0 10px;display:flex}.quality-row button{border:1px solid var(--hud-border);color:var(--hud-text);font:inherit;cursor:pointer;background:#1e2d428c;border-radius:5px;flex:1;padding:5px;font-size:10px}.quality-row button.active{border-color:var(--accent);color:var(--accent)}.overlay{color:var(--hud-text);z-index:20;text-align:center;background:#000000b8;flex-direction:column;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex;position:absolute;inset:0}.overlay[hidden]{display:none}.overlay .big{letter-spacing:.3em;color:#e8eef7;font-size:15px}.overlay .small{color:var(--hud-dim);font-size:11px}.overlay button{border:1px solid var(--accent-2);color:var(--hud-text);font:inherit;cursor:pointer;background:#1e2d42b3;border-radius:6px;padding:8px 18px}.debug-chip{background:var(--hud-bg);border:1px solid var(--hud-border);color:var(--accent-2);z-index:9;border-radius:6px;padding:6px 10px;font-size:11px;position:absolute;top:14px;right:14px}.debug-chip[hidden]{display:none}@media (width<=640px){.hud{width:auto;max-height:46vh;inset:auto 10px 10px}.hud-body{padding-bottom:10px}.presets{grid-template-columns:1fr 1fr}}