:root{--bg:#0b0e14;--panel:#121620eb;--border:#ffffff1a;--text:#e8ecf4;--muted:#8b93a7;--left:#4dd6ff;--right:#ff9f43;--accent:#6c8cff;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font:15px/1.5 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overflow:hidden}.app{height:100%;display:flex;position:relative}.stage{background:#05070c;flex:1;min-width:0;position:relative;overflow:hidden}.camera,.overlay{object-fit:cover;width:100%;height:100%;position:absolute;inset:0;transform:scaleX(-1)}.overlay{pointer-events:none}.stop{border:1px solid var(--border);color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0a0c12b3;border-radius:999px;padding:8px 16px;position:absolute;top:16px;left:16px}.stop:hover{border-color:#ffffff4d}.hud{pointer-events:none;align-items:flex-end;gap:16px;padding:20px;display:flex;position:absolute;bottom:0;left:0;right:0}.hud-card{border:1px solid var(--border);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.55;border-radius:14px;flex:0 260px;padding:14px 18px;transition:opacity .15s,border-color .15s}.hud-card.seen{opacity:1}.hud-card.left.seen{border-color:var(--left)}.hud-card.right.seen{border-color:var(--right)}.hud-card.right{text-align:right;margin-left:auto}.hud-label{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:11px}.hud-value{font-variant-numeric:tabular-nums;font-size:34px;font-weight:650;line-height:1.15}.hud-sub{color:var(--muted);font-size:13px}.hud-volume{flex-direction:column;align-items:center;gap:6px;display:flex}.meter{border:1px solid var(--border);background:#0a0c12b3;border-radius:999px;width:12px;height:120px;position:relative;overflow:hidden}.meter-fill{background:linear-gradient(to top, var(--left), var(--accent));width:100%;transition:height 80ms linear;position:absolute;bottom:0}.hud-fps{color:var(--muted);font-variant-numeric:tabular-nums;font-size:11px;position:absolute;top:-28px;right:20px}.settings{border-left:1px solid var(--border);background:#0d1119;flex:0 0 340px;width:340px;transition:margin-right .2s;position:relative;overflow-y:auto}.settings:not(.open){margin-right:-340px}.settings-toggle{border:1px solid var(--border);background:var(--panel);width:34px;color:var(--text);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-right:none;border-radius:10px 0 0 10px;padding:10px 0;position:absolute;top:16px;left:-34px}.settings-toggle span{writing-mode:vertical-rl;letter-spacing:.1em;text-transform:uppercase;margin-top:6px;font-size:11px;display:block}.settings-body{padding:20px}.settings section{margin-bottom:26px}.settings h2{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-size:13px}.hint{color:var(--muted);margin:0 0 12px;font-size:12px}.row{align-items:center;gap:10px;margin-bottom:8px;display:flex}.slot{background:#ffffff12;border-radius:7px;flex:0 0 24px;place-items:center;height:24px;font-size:12px;font-weight:600;display:grid}.preset-name{flex:1;font-size:13px}.row-label{color:var(--muted);flex:0 0 92px;font-size:13px}.row-value{text-align:right;color:var(--muted);font-variant-numeric:tabular-nums;flex:0 0 42px;font-size:12px}.row .root-select{flex:0 0 58px}.row select{border:1px solid var(--border);min-width:0;color:var(--text);background:#151a25;border-radius:8px;flex:1;padding:6px 8px}.row input[type=range]{min-width:0;accent-color:var(--accent);flex:1}.octave-step{border:1px solid var(--border);background:#151a25;border-radius:8px;flex:none;align-items:center;gap:2px;padding:2px;display:flex}.octave-step button{width:22px;height:20px;color:var(--text);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;font-size:14px;line-height:1;display:grid}.octave-step button:hover:not(:disabled){background:#ffffff1a}.octave-step button:disabled{opacity:.3;cursor:default}.octave-value{text-align:center;min-width:22px;color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.row.checkbox{gap:8px;font-size:13px}.row.checkbox input{accent-color:var(--accent)}.row.checkbox em{color:var(--muted);font-style:normal}.reset{border:1px solid var(--border);width:100%;color:var(--muted);cursor:pointer;background:0 0;border-radius:9px;padding:9px}.reset:hover{color:var(--text);border-color:#ffffff47}.start-screen{background:radial-gradient(circle at 50% 35%,#141b2b,#05070c 70%);place-items:center;padding:24px;display:grid;position:absolute;inset:0}.start-card{border:1px solid var(--border);background:var(--panel);border-radius:18px;width:min(520px,100%);padding:34px}.start-card h1{margin:0 0 10px;font-size:28px}.start-lede{color:var(--muted);margin:0 0 18px}.start-lede strong{color:var(--text);font-weight:600}.start-list{color:var(--muted);gap:8px;margin:0 0 24px;padding:0;font-size:14px;list-style:none;display:grid}.key{border:1px solid var(--border);min-width:34px;color:var(--text);background:#ffffff0d;border-radius:6px;place-items:center;margin-right:10px;padding:2px 6px;font-size:12px;display:inline-grid}.primary{background:var(--accent);color:#fff;cursor:pointer;border:none;border-radius:11px;width:100%;padding:13px;font-size:15px;font-weight:600}.primary:hover{filter:brightness(1.08)}.primary:disabled{opacity:.6;cursor:default}.error{color:#ffb3b3;background:#ff60601f;border:1px solid #ff606059;border-radius:9px;margin:14px 0 0;padding:10px 12px;font-size:13px}.fine-print{color:var(--muted);margin:16px 0 0;font-size:12px}.fine-print.credit{margin-top:8px}.fine-print a{color:var(--accent);text-decoration:none}.fine-print a:hover{text-decoration:underline}@media (width<=860px){.app{flex-direction:column}.settings{border-left:none;border-top:1px solid var(--border);flex:none;width:100%;max-height:45%}.settings:not(.open){margin-right:0;display:none}.settings-toggle{top:-40px;left:auto;right:16px}}