:root{color-scheme:dark;--bg:#171b1d;--panel:#1e2426;--ink:#f0efe8;--muted:#a0aaa9;--line:#384043;--accent:#f2a36f;font-family:Inter,Arial,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button,.file-button{background:#2b3234;border:1px solid #465052;color:var(--ink);border-radius:6px;padding:11px 16px;cursor:pointer;line-height:1.25;transition:background .15s}button:hover,.file-button:hover{background:#3b4447}button:disabled{opacity:.45;cursor:wait}button:focus-visible,input:focus-visible,a:focus-visible,.file-button:focus-within{outline:2px solid var(--accent);outline-offset:4px}.primary{background:var(--accent);border-color:var(--accent);color:#251a12;font-weight:650}.primary:hover{background:#ffb887}.quiet{background:transparent;border-color:transparent;color:var(--muted)}header{height:90px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:30px;padding:0 38px}.brand{font-size:30px;color:var(--ink);text-decoration:none;font-weight:650;letter-spacing:-1.5px}.brand-dot{color:var(--accent)}.mark{font-size:41px;color:var(--accent);vertical-align:middle;margin-right:9px}.edition{font-size:12px;letter-spacing:2px;color:var(--muted)}header .quiet{margin-left:auto;font-size:14px}.workspace{display:grid;grid-template-columns:260px minmax(0,1fr);max-width:1800px;margin:auto}aside{border-right:1px solid var(--line);padding:34px 25px;display:flex;flex-direction:column;align-items:stretch;min-height:calc(100vh - 90px)}.eyebrow{font-size:12px;letter-spacing:1.8px;color:var(--accent);font-weight:650}h1{font-size:25px;letter-spacing:-.8px;margin:13px 0}p{line-height:1.65}.intro{font-size:14px;color:var(--muted);margin:0 0 25px}.wide{display:block;width:100%;margin-bottom:10px;text-align:center}.file-button input{position:absolute;width:1px;height:1px;opacity:0}.hint{font-size:13px;color:var(--muted);line-height:1.6}.sidebar-rule{height:1px;background:var(--line);margin:20px 0 28px}#scene-list{display:grid;gap:8px;margin:6px 0 14px}.scene-item{display:flex;gap:3px}.scene-item .scene{flex:1;text-align:left;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.scene-item .delete-scene{padding:8px;color:var(--muted)}.scene[aria-pressed=true]{border-color:var(--accent);background:#3a3028}.transition-label{font-size:14px;display:flex;justify-content:space-between;align-items:center;gap:4px;margin-top:10px}input[type=number]{width:50px;background:#101618;border:1px solid var(--line);padding:6px;color:var(--ink);border-radius:4px}.sidebar-bottom{margin-top:auto;padding-top:35px;color:var(--muted)}.sidebar-bottom p{font-size:12px}.tiny-label{font-size:11px;letter-spacing:1.5px}main{padding:34px 38px 22px;min-width:0}.session-header{display:flex;align-items:center;justify-content:space-between;gap:20px}.session-header>div:first-child{min-width:0}#session-name{display:block;font-size:clamp(22px,2.4vw,34px);font-weight:500;letter-spacing:-1px;background:transparent;border:0;border-bottom:1px solid transparent;color:var(--ink);padding:10px 0 3px;width:100%;max-width:550px}#session-name:hover{border-bottom-color:var(--line)}#persistence{font-size:12px;color:var(--muted);margin:5px 0 0}.session-buttons{display:flex;gap:9px;flex-shrink:0}.scope-wrap{margin:28px 0 25px;border:1px solid var(--line);background:#111718;border-radius:8px;padding:15px 20px 12px}.scope-label,.scope-footer{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:1.5px}.scope-label span:first-child{color:var(--accent)}#scope{display:block;width:100%;height:90px;margin:5px 0}.scope-footer{font-size:10px}.layer-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.layer-heading h2{font-size:18px;font-weight:500;margin:0}.layer-heading>span{font-size:12px;color:var(--muted)}#layers{display:grid;gap:12px}.layer{border:1px solid var(--line);border-radius:8px;background:var(--panel);padding:18px 20px;position:relative;border-left:3px solid var(--track)}.layer-top{display:flex;align-items:center;gap:12px;margin-bottom:8px}.layer-number{font-size:12px;color:var(--track);font-variant-numeric:tabular-nums}.track-name{font-size:16px;font-weight:500;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-meta{font-size:11px;color:var(--muted);margin-top:4px}.track-title{flex:1;min-width:0}.layer-top button{padding:7px 10px;font-size:13px}.layer-top .remove{border:0;background:transparent;color:var(--muted);font-size:20px;padding:5px}.wave-row{position:relative;margin:8px 0 14px;height:42px;background:#161d1f;border-radius:3px;overflow:hidden}.wave-row canvas{width:100%;height:42px;display:block}.seek{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.wave-row:focus-within{outline:2px solid var(--accent)}.playhead{position:absolute;top:0;bottom:0;left:0;width:2px;background:var(--ink);pointer-events:none}.controls{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:25px}.controls label{font-size:12px;color:var(--muted);display:grid;grid-template-columns:1fr auto;gap:8px}.controls output{color:var(--ink);font-variant-numeric:tabular-nums}input[type=range]{accent-color:var(--accent);cursor:pointer;min-width:0;width:100%;height:14px;margin:0;grid-column:1/-1}.track-actions{display:flex;gap:7px;margin:13px 0 0;align-items:center}.track-actions button{font-size:12px;padding:5px 10px}.track-actions button[aria-pressed=true]{background:#495448;border-color:#829377}.track-actions .time{margin-left:auto;font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}#empty{padding:45px 20px;text-align:center;border:1px dashed #4a5557;border-radius:8px;color:var(--muted)}#empty[hidden]{display:none}.empty-symbol{font-size:30px;color:var(--accent)}#empty h3{font-size:24px;font-weight:400;color:var(--ink);margin:12px}#empty p{margin:8px;font-size:14px}#empty>span:last-child{font-size:11px;letter-spacing:1px}#status{font-size:13px;color:var(--muted);min-height:24px;margin:18px 0}.master{display:flex;justify-content:space-between;align-items:center;padding:24px 0 0;border-top:1px solid var(--line);gap:30px}.master label{display:flex;align-items:center;gap:15px;font-size:14px;margin-top:13px}.master input{width:180px}.master output{min-width:36px;font-size:13px}.record-block{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;font-size:13px}.record-block>span{width:100%;text-align:right;color:var(--muted);font-size:12px}a{color:var(--accent)}#record.recording{color:#ff9b94;border-color:#ff9b94}dialog{background:#20282a;color:var(--ink);border:1px solid #657071;border-radius:12px;width:min(600px,90vw);padding:35px}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}dialog h2{font-weight:500;font-size:27px}dialog p{font-size:15px;color:#bcc5c4}dialog .close{float:right;font-size:22px;padding:0 6px;background:none;border:none}#scene-form>label{display:grid;gap:12px}#scene-name{background:#101618;border:1px solid var(--line);border-radius:5px;padding:12px;color:var(--ink)}.dialog-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:25px}#drop-overlay{position:fixed;inset:18px;z-index:10;background:#172321ef;border:2px dashed var(--accent);border-radius:20px;display:grid;place-items:center;font-size:32px;pointer-events:none}#drop-overlay[hidden]{display:none}@media(min-width:1450px){#layers{grid-template-columns:1fr 1fr}.controls{gap:16px;grid-template-columns:1fr 1fr}.scope-wrap{margin-bottom:30px}}@media(max-width:850px){header{height:75px;padding:0 20px}.edition{display:none}.workspace{grid-template-columns:210px minmax(0,1fr)}aside{padding:25px 16px}main{padding:25px 20px}.session-header{align-items:flex-start;flex-direction:column}.controls{grid-template-columns:1fr 1fr;gap:15px}.master{align-items:flex-start;flex-direction:column}.record-block{justify-content:flex-start}.record-block>span{text-align:left}.scope-footer span:nth-child(2){display:none}}@media(max-width:600px){header .quiet{font-size:12px;padding:8px}.brand{font-size:25px}.workspace{display:flex;flex-direction:column}aside{min-height:0;border-right:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:20px}.eyebrow,h1,.intro,.sidebar-rule,.sidebar-bottom{display:none}aside .hint{grid-column:1/-1;margin:0}aside .wide{margin:0}#scene-list{grid-column:1/-1;display:flex;flex-wrap:wrap;margin:10px 0 0}#scene-list:empty{display:none}.scene-item{max-width:100%}.transition-label{margin:0}.session-header{flex-direction:row;align-items:center;gap:8px}#session-name{font-size:21px}#persistence{font-size:11px}.session-buttons{gap:5px}.session-buttons button{font-size:12px;padding:10px}main{padding:23px 16px}.scope-wrap{margin-top:22px;padding:12px}.layer-heading>span{display:none}.layer{padding:15px 12px}.master .eyebrow{display:block}.record-block{width:100%}dialog .eyebrow{display:block}.master input{width:150px}.scope-label{font-size:9px}}
.binaural{margin:24px 0 30px;border:1px solid #566b6e;border-radius:8px;background:#1b2629;padding:24px}.bb-header{display:flex;justify-content:space-between;align-items:center;gap:15px}.bb-header h2{font-size:24px;font-weight:500;margin:8px 0}.bb-stereo{font-size:12px;letter-spacing:1px;color:#a8ccd0}.bb-intro,.bb-note,.bb-guidance{font-size:14px;color:#b5c6c8;margin:8px 0 16px}.bb-presets{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.bb-presets button{text-align:left;font-size:16px}.bb-presets button small{display:block;color:#b8c4c5;font-size:13px;margin-top:5px}.bb-presets button[aria-pressed=true]{border-color:#94c7c9;background:#304548}.bb-frequencies{display:flex;justify-content:space-between;align-items:center;background:#111c1e;padding:16px;border-radius:6px;gap:12px;margin:15px 0 20px;font-size:12px;color:#9fb3b5}.bb-frequencies strong{font-size:21px;font-weight:500;color:#dae9e9;margin:0 4px;font-variant-numeric:tabular-nums}.bb-difference{color:#f2a36f}.bb-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.bb-controls label{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:14px;color:#c5d0d1}.binaural input[type=number]{width:75px;font-size:16px}.bb-controls label>span{display:block;width:100%}.bb-glide{display:flex;align-items:center;gap:20px;margin:20px 0;font-size:14px}.bb-glide input[type=checkbox]{accent-color:#f2a36f}.bb-end[hidden]{display:none}.bb-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.bb-status{font-size:14px;color:#b8c9ca;flex:1;min-width:180px}.bb-progress{width:100%;height:4px;accent-color:#a4c9ca;margin:15px 0 7px}.bb-guidance{font-size:13px;line-height:1.6}.binaural details{border-top:1px solid #394c4f;padding:12px 0;font-size:14px}.binaural summary{cursor:pointer;color:#d2dddd}.binaural details p{color:#b3c5c7}.binaural details li{margin:8px 0}.bb-ear-buttons{display:flex;gap:10px;margin-top:15px}.controls label,.track-actions button,.layer-top button{font-size:14px}.track-meta,.tiny-label{font-size:12px}@media(max-width:1000px){.bb-controls{grid-template-columns:1fr 1fr}.bb-frequencies{flex-wrap:wrap}.bb-frequencies strong{font-size:18px}}@media(max-width:600px){.binaural{padding:18px 14px}.bb-header{align-items:flex-start;flex-direction:column;gap:2px}.bb-presets{grid-template-columns:1fr 1fr}.bb-stereo{margin-bottom:8px}.bb-glide{flex-wrap:wrap;gap:10px}.bb-frequencies{justify-content:flex-start;gap:14px}.bb-controls{gap:14px}.bb-header .eyebrow{display:block}}
.source-mix{margin:24px 0;border:1px solid #485957;border-radius:8px;padding:24px;background:#202a29}.source-mix h2{font-size:24px}.source-mix p,.source-mix details{font-size:14px;color:#b8c9c5;line-height:1.6}.url-form{display:flex;gap:10px;margin:18px 0}.url-form input{flex:1;min-width:0;background:#101918;border:1px solid #53615e;border-radius:5px;color:#eee;padding:12px;font-size:16px}.url-item{display:flex;align-items:center;gap:15px;border-bottom:1px solid #3a4744;padding:10px 0;font-size:14px}.url-item a:first-child{flex:1;overflow-wrap:anywhere}.url-item button{padding:4px 10px}.music-controls{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:24px}.music-controls label{display:grid;gap:12px;font-size:14px}.music-controls output{display:block;color:#bacac5;font-size:13px;margin-top:4px}.range-ends{display:flex;justify-content:space-between;color:#aabeb7;font-size:12px}.captured-row{display:grid;grid-template-columns:minmax(100px,1fr) 75px 100px 65px;gap:12px;align-items:center;border-top:1px solid #41514d;padding:14px 0}.captured-row strong{font-size:14px;overflow-wrap:anywhere;font-weight:500}.captured-row input[type=range]{grid-column:auto}.captured-row button{padding:7px;font-size:13px}.captured-row button[aria-pressed=true]{background:#546258}.local-bus,.captured-row select{background:#19221f;color:#eee;border:1px solid #506159;border-radius:4px;padding:5px;font-size:14px}.source-mix details{margin:15px 0}.source-mix summary{cursor:pointer}.track-actions{flex-wrap:wrap}@media(max-width:850px){.music-controls{grid-template-columns:1fr}.captured-row{grid-template-columns:1fr 75px}.captured-row input[type=range]{grid-column:1}.url-form{flex-wrap:wrap}.url-form input{width:100%;flex-basis:100%}}@media(max-width:600px){.source-mix{padding:18px 14px}.source-mix .eyebrow{display:block}.url-item{flex-wrap:wrap}}

.source-mix{margin-top:14px}.source-mix .url-form{margin:14px 0}.source-mix .bridge-status{margin:8px 0}.source-mix .music-controls{margin-top:18px;gap:24px}.source-mix details{margin-bottom:0}.source-mix .url-item span{flex:1;overflow-wrap:anywhere}.capture-next{padding:14px;background:#354441;border-radius:6px;margin:10px 0}.capture-next span{display:block;font-size:14px;color:#bacac5;margin-top:6px}.capture-next[hidden]{display:none}.bb-live-state{font-size:14px;display:inline-block;vertical-align:middle;background:#263436;color:#bbc8c9;padding:5px 12px;border-radius:20px;margin-left:8px}.is-playing .bb-live-state{background:#bce2ce;color:#16372c}.bb-simple-level{display:flex;align-items:center;gap:16px;font-size:14px;margin:18px 0}.bb-simple-level input{flex:1;max-width:280px}.bb-simple-level output{min-width:40px}.binaural .bb-note{font-size:13px;margin:10px 0}.binaural .bb-guidance{margin:10px 0}.binaural .bb-controls{grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0}.binaural{margin-top:18px;padding:20px 24px}.bb-advanced summary{padding:3px 0}.bb-actions .bb-start{min-width:210px}.source-mix .connect[hidden]{display:none}@media(max-width:600px){.binaural{padding:18px 14px}.binaural .bb-controls{grid-template-columns:1fr 1fr}}

.workspace-modes{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--line)}.mode-buttons{display:flex;gap:4px;padding:4px;background:#111819;border:1px solid var(--line);border-radius:10px}.mode-buttons button{min-width:125px;border-color:transparent;background:transparent;font-weight:600}.mode-buttons button[aria-pressed=true]{background:var(--accent);color:#251a12}.enhancement-shortcut{margin-left:auto;font-size:14px;display:flex;align-items:center;gap:12px}.enhancement-state{padding:3px 9px;background:#172023;border-radius:12px;color:#b8c9ca}.enhancement-shortcut.active .enhancement-state{background:#bce2ce;color:#16372c}.mode-description{width:100%;margin:0;color:var(--muted);font-size:15px}.dj-workspace{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:22px;border:1px solid #735f50;border-radius:8px;background:#292623;margin:20px 0}.dj-workspace[hidden]{display:none}.dj-workspace h2{font-size:24px;font-weight:500;margin:8px 0}.dj-workspace p{font-size:14px;color:#c3b9ae;margin:6px 0}.dj-location{width:100%}.bb-tagline{font-size:19px;font-weight:500;color:#e0eeeb;margin:12px 0 6px}#binaural-enhancement{scroll-margin-top:20px}body[data-workspace-mode=dj] .captured-row{border-left:3px solid var(--accent);padding-left:12px}@media(max-width:850px){.enhancement-shortcut{margin-left:0}.workspace-modes{gap:10px}.mode-buttons{flex:1}.mode-buttons button{flex:1;min-width:95px}}@media(max-width:600px){.workspace-modes{margin-bottom:18px}.enhancement-shortcut{width:100%;justify-content:space-between}.dj-workspace{padding:18px}.dj-workspace .open-dj{width:100%}.bb-header h2{font-size:22px}.bb-tagline{font-size:18px}}

.legal-page{display:block;max-width:850px;margin:0 auto;padding:45px 24px}.legal-page h1{font-size:36px}.legal-page h2{font-size:23px;margin-top:30px}.legal-page p,.legal-page li{color:#c5cfcd;line-height:1.7}.legal-page li{margin:12px 0}.beta-footer{display:flex;flex-wrap:wrap;gap:20px;padding:24px 0;border-top:1px solid var(--line);font-size:14px}.beta-footer span{color:var(--muted)}
.playlist-panel,.visual-panel{padding:24px;margin:24px 0;border:1px solid #52616c;border-radius:12px;background:#172129}.playlist-panel{display:none}.dj-mode .playlist-panel{display:block}.playlist-panel h2,.visual-panel h2{font-size:25px;margin:12px 0}.playlist-panel p,.visual-panel p{font-size:14px;line-height:1.6;color:#b6c7ce}.playlist-panel textarea{display:block;width:100%;padding:12px;margin:10px 0;background:#0c141a;color:#e5eeef;border:1px solid #627781;font:inherit;border-radius:6px}.playlist-controls,.visual-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:18px 0}.playlist-controls label{margin:0}.playlist-controls input,.playlist-items input{width:85px}.playlist-items{padding-left:22px}.playlist-items li{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:16px 0;border-top:1px solid #354752}.playlist-items strong{flex:1;min-width:200px;overflow-wrap:anywhere}.playlist-items span{color:#a6c7ce;font-size:13px}.playlist-items button{font-size:13px;padding:8px 12px}.visual-controls{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px}.visual-controls label{display:flex;flex-direction:column;gap:10px;font-size:14px;margin:0}.visual-controls select{font:inherit;width:100%;padding:10px;background:#182a32;color:#e5f0f5}.visual-controls input{width:100%}.visual-panel .eyebrow{color:#7cd5ed}.visual-panel button{cursor:pointer}
.dj-playlist-import{width:100%}.dj-playlist-import textarea{display:block;width:100%;margin:10px 0;padding:12px;background:#101719;color:#eef2f2;font:inherit;border:1px solid #627781;border-radius:6px}.visual-panel{margin:25px 0}.visual-panel button{font:inherit}.visual-panel input{accent-color:#7cd5ed}
.visual-preview{width:100%;height:240px;display:block;background:#060b10;border-radius:8px;margin:18px 0}.visual-preview[hidden]{display:none}