:root{--bg:#12110f;--bg-elev:#1a1916;--bg-panel:#22211d;--ink:#ebe6dc;--ink-dim:#9a9488;--line:#35322c;--accent:#d6a45a;--accent-ink:#1a140a;--good:#3dba7a;--warn:#c9a227;--font-display:"Fraunces", "Iowan Old Style", Georgia, serif;--font-ui:"IBM Plex Sans", "Helvetica Neue", sans-serif;--font-mono:"IBM Plex Mono", "SFMono-Regular", monospace;color:var(--ink);background:var(--bg);font-family:var(--font-ui);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1200px 600px at 10% -10%, #2a2418 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #1c2420 0%, transparent 50%), var(--bg);min-height:100vh}.app{flex-direction:column;gap:16px;max-width:1200px;margin:0 auto;padding:20px 20px 40px;display:flex;position:relative}.app.drop-active{outline:2px solid var(--accent);outline-offset:-2px}.drop-overlay{z-index:40;pointer-events:none;border:1px dashed var(--accent);color:var(--accent);font-family:var(--font-display);letter-spacing:.02em;background:#12110fb8;border-radius:8px;place-items:center;font-size:clamp(1.4rem,3vw,2rem);display:grid;position:absolute;inset:8px}.app.is-fullscreen{background:radial-gradient(1200px 600px at 10% -10%, #2a2418 0%, transparent 55%), radial-gradient(900px 500px at 100% 0%, #1c2420 0%, transparent 50%), var(--bg);width:100%;max-width:none;height:100dvh;margin:0;padding:12px 16px 16px;overflow:auto}.app.is-fullscreen .stage{flex-direction:column;flex:1;min-height:0;display:flex}.app.is-fullscreen .visual-row{flex:1;min-height:0}.app.is-fullscreen .viz-main,.app.is-fullscreen .waveform-stage-wrap,.app.is-fullscreen .waveform-stage{height:100%;min-height:0}.app.is-fullscreen .brand{font-size:clamp(1.6rem,3vw,2.2rem)}.app.is-fullscreen .tagline{display:none}.topbar{border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:end;gap:16px;padding-bottom:14px;display:flex}.brand-row{flex-wrap:wrap;align-items:baseline;gap:.55rem .75rem;display:flex}.brand{font-family:var(--font-display);letter-spacing:-.03em;color:var(--ink);margin:0;font-size:clamp(2.4rem,5vw,3.4rem);font-weight:600;line-height:.95}.brand-spec{font-family:var(--font-mono);letter-spacing:.04em;color:var(--ink-dim);white-space:nowrap;font-size:clamp(.72rem,1.4vw,.85rem)}.tagline{color:var(--ink-dim);margin:6px 0 0;font-size:.95rem}.transport{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.input-select-label{font-family:var(--font-mono);color:var(--ink-dim);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem}.input-select{border:1px solid var(--line);background:var(--bg-panel);min-width:min(280px,55vw);max-width:360px;color:var(--ink);font-family:var(--font-ui);cursor:pointer;border-radius:4px;padding:8px 12px;font-size:.9rem}.input-select:hover,.input-select:focus{border-color:#524c42;outline:none}.btn{appearance:none;border:1px solid var(--line);background:var(--bg-panel);color:var(--ink);font-family:var(--font-ui);cursor:pointer;border-radius:4px;padding:8px 14px;font-size:.9rem}.btn:hover{border-color:#524c42}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink);font-weight:600}.btn.compact{padding:6px 10px;font-size:.8rem}.status{font-family:var(--font-mono);color:var(--ink-dim);margin-left:4px;font-size:.75rem}.status-running{color:var(--good)}.status-error{color:#e26666}.stage{flex-direction:column;gap:12px;display:flex}.readout{cursor:pointer;flex-wrap:nowrap;align-items:center;gap:10px 14px;min-width:0;display:flex;overflow-x:auto}.readout.details{gap:8px 10px}.readout>.metric,.readout>.metric-group{flex:0 auto;min-width:0}.readout>.metric-group{min-width:min-content}.readout.details>.metric{flex:.55 1 0;min-width:0}.readout.details>.metric-group{flex:1 1 0;min-width:0}.readout-actions{flex-wrap:nowrap;flex:none;align-items:stretch;gap:6px;margin-left:auto;display:flex}.readout-actions>.toggle{margin-left:0}.readout-actions>.alt-toggle,.readout-actions>.split-toggle{white-space:nowrap;line-height:1.1;font-size:calc(.62rem * var(--meter-zoom,1));min-width:calc(4.5rem * var(--meter-zoom,1));min-height:calc(1.85em * var(--meter-zoom,1));padding:calc(3px * var(--meter-zoom,1)) calc(6px * var(--meter-zoom,1));box-sizing:border-box;flex-direction:column;flex:0 auto;justify-content:center;align-items:flex-start;gap:1px;display:inline-flex}.alt-toggle-title{display:block}.alt-toggle-phase{letter-spacing:.03em;min-height:.85em;color:var(--accent);font-size:.85em;display:block}.alt-toggle-phase.is-empty{visibility:hidden}.metric-group{background:#78aac80f;border:1px solid #8cbedc47;border-radius:6px;flex-wrap:nowrap;align-items:end;gap:8px 12px;min-width:min-content;padding:6px 10px;display:flex;overflow:visible}.metric-group>.metric{flex:1 1 0;min-width:0}.metric-group>.metric.featured{border-radius:4px;flex:1 0 auto;min-width:min-content;padding:4px 8px;overflow:visible}.readout.details .metric-group{min-width:0}.readout.details .metric-group>.metric,.readout.details .metric-group>.metric.featured{flex:1 1 0;min-width:0;overflow:hidden}.readout.details .metric-group>.metric.featured{flex:1.2 1 0}.readout.details .metric .metric-label{font-size:calc(clamp(.48rem, 1.1vw, .6rem) * var(--meter-zoom,1));letter-spacing:.04em}.readout.details .metric .metric-value{font-size:calc(clamp(.82rem, 1.6vw, 1.15rem) * var(--meter-zoom,1))}.readout.details .metric.large .metric-value{font-size:calc(clamp(.95rem, 2vw, 1.5rem) * var(--meter-zoom,1))}.metric-group-session>.metric.featured{background:#9ec9e61a;border:1px solid #9ec9e68c}.metric-group-live>.metric.featured{background:#e0d2b41a;border:1px solid #e0d2b48c}.metric-group-session .metric.tone-session .metric-value{color:#9ec9e6}.metric-group-session .metric.tone-session .metric-unit{color:#9ec9e6b3}.metric-group-session .metric.tone-session .metric-label{color:#9ec9e6bf}.metric-group-live{background:#b4a0780f;border-color:#c8b48c47}.metric-group-live .metric.tone-live .metric-value{color:#e0d2b4}.metric-group-live .metric.tone-live .metric-unit{color:#e0d2b4b3}.metric-group-live .metric.tone-live .metric-label{color:#e0d2b4bf}.metric{min-width:0;overflow:hidden}.metric.featured{overflow:visible}.metric .metric-label{font-size:calc(clamp(.55rem, 1.6vw, .72rem) * var(--meter-zoom,1));text-transform:uppercase;letter-spacing:.06em;color:var(--ink-dim);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.metric.featured .metric-label{text-overflow:unset;overflow:visible}.metric .metric-value{width:max-content;font-family:var(--font-mono);font-size:calc(1.35rem * var(--meter-zoom,1));font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;line-height:1.1;display:inline-flex}.metric.large .metric-value{font-size:calc(clamp(1.15rem, 3.2vw, 2.6rem) * var(--meter-zoom,1))}.metric-unit{color:var(--ink-dim);white-space:nowrap;flex:none;margin-left:.28em;font-size:.55em}.fill-track{background:var(--line);width:100%;min-width:0;max-width:100%;height:3px;margin-top:4px}.fill-bar{background:var(--accent);height:100%}.paused-pill{z-index:4;pointer-events:none;font-family:var(--font-mono);letter-spacing:.03em;color:var(--warn);white-space:nowrap;background:#12110fc7;border:1px solid #5a4a18;border-radius:3px;padding:4px 10px;font-size:.72rem;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.visual-row{grid-template-columns:1fr 120px;gap:10px;min-height:280px;display:grid}.viz-main{border:1px solid var(--line);background:var(--bg-elev);min-height:280px;position:relative}.waveform-stage-wrap{min-height:280px;position:absolute;inset:0}.waveform-stage{width:100%;height:100%;display:block}.freq-ruler{z-index:6;pointer-events:none;border-right:2px solid var(--accent);background:#1c1b18;width:48px;position:absolute;top:0;bottom:0;left:0}.freq-ruler.freq-ruler-split{top:50%}.freq-ruler-mode{font-family:var(--font-mono);color:var(--accent);text-transform:lowercase;font-size:.65rem;position:absolute;top:4px;right:8px}.freq-ruler-tick{text-align:right;font-family:var(--font-mono);color:var(--ink);padding-right:8px;font-size:.68rem;line-height:1;position:absolute;left:0;right:0;transform:translateY(-50%)}.freq-ruler-tick:after{content:"";background:#ebe6dc8c;width:6px;height:1px;position:absolute;top:50%;right:0}.alt-viz-badge{font-family:var(--font-mono);letter-spacing:.04em;color:var(--accent-ink);background:var(--accent);pointer-events:none;opacity:.9;border-radius:3px;padding:3px 8px;font-size:.7rem;position:absolute;top:8px;right:8px}.viz-side{flex-direction:column;gap:8px;display:flex}.level-meter{width:100%;height:90px;display:block}.goniometer{aspect-ratio:1;width:100%;display:block}.toggles{flex-direction:column;gap:4px;display:flex}.toggle{appearance:none;border:1px solid var(--line);color:var(--ink-dim);font-family:var(--font-mono);text-align:left;cursor:pointer;background:0 0;border-radius:3px;padding:5px 6px;font-size:.72rem}.toggle.on{color:var(--ink);background:#2a2418;border-color:#6a5a3a}.window-row{grid-template-columns:auto 1fr auto;align-items:center;gap:12px;display:grid}.seek-row .window-value{text-align:right;font-variant-numeric:tabular-nums;min-width:7.5rem}.file-video-section{border:1px solid var(--line);background:#0c0b0a;border-radius:4px;overflow:hidden}.file-video-host{background:#000;justify-content:center;align-items:center;max-height:min(42vh,420px);display:flex}.file-video-host .file-video,.file-video{object-fit:contain;background:#000;width:100%;max-height:min(42vh,420px);display:block}.window-label,.window-value{font-family:var(--font-mono);color:var(--ink-dim);font-size:.85rem}input[type=range]{width:100%;accent-color:var(--accent)}.settings-panel{border:1px solid var(--line);background:var(--bg-elev);padding:14px}.settings-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;display:grid}.slider-field{color:var(--ink-dim);flex-direction:column;gap:6px;font-size:.8rem;display:flex}.slider-field em{float:right;font-style:normal;font-family:var(--font-mono);color:var(--ink)}@media (width<=720px){.visual-row{grid-template-columns:1fr}.viz-side{grid-template-columns:48px 120px 1fr;align-items:start;display:grid}.toggles{flex-flow:wrap}.readout{gap:6px 8px}.readout-actions>.alt-toggle,.readout-actions>.split-toggle{font-size:calc(.52rem * var(--meter-zoom,1));min-width:calc(3.6rem * var(--meter-zoom,1));min-height:calc(1.65em * var(--meter-zoom,1));padding:calc(2px * var(--meter-zoom,1)) calc(5px * var(--meter-zoom,1))}}.debug-panel{border:1px solid var(--line);background:#0c0b0a;border-radius:6px;flex-direction:column;gap:8px;max-height:240px;padding:8px;display:flex}.debug-toolbar{flex-wrap:wrap;align-items:center;gap:8px;font-size:.8rem;display:flex}.debug-meta{color:var(--ink-dim);font-family:var(--font-mono);flex:1;min-width:180px;font-size:.72rem}.debug-log{min-height:120px;font-family:var(--font-mono);color:#c8c2b6;white-space:pre-wrap;word-break:break-word;flex:1;margin:0;font-size:.7rem;line-height:1.35;overflow:auto}