.studio-view{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 28px;padding:22px 0}.rack-kicker{font:11px monospace;letter-spacing:2px;color:#c1ab89}.view-title{font-size:clamp(25px,3vw,38px);font-weight:500;letter-spacing:-1px;margin:10px 0}.view-copy{color:var(--muted);font-size:14px;margin:0}.view-switch{display:flex;padding:5px;border:1px solid #51595b;background:#101516;border-radius:9px;flex-shrink:0}.view-switch button{background:transparent;border:0;color:#b0bcbb}.view-switch button[aria-pressed=true]{background:#d7dccc;color:#20261f;box-shadow:0 1px 5px #0008}.view-switch span{font:10px monospace;margin-left:5px;opacity:.6}.custom-badge{display:inline-block;color:#d4ba83;font-size:11px;margin-top:7px}.custom-badge[hidden]{display:none}.rack-dial,.rack-exact,.rack-path{display:none!important}.open-controls{margin-right:auto}.controls-open .open-controls{border-color:#b8c9a1}body[data-control-view=simple] .layer:not(.controls-open) .controls{grid-template-columns:1fr}body[data-control-view=simple] .layer:not(.controls-open) [data-control]:not([data-control=level]),body[data-control-view=simple] .layer:not(.controls-open) .local-bus,body[data-control-view=simple] .layer:not(.controls-open) [data-action=solo]{display:none}body[data-control-view=simple] .layer:not(.controls-open) .wave-row{height:28px}body[data-control-view=simple] .scope-wrap{display:none}body[data-control-view=simple] .visual-controls label:not(:has(select)){display:none}body[data-control-view=simple] .source-mix>p:not(.bridge-status){font-size:12px}body[data-control-view=advanced]{--bg:#111719;--panel:#272d2d;--accent:#eeb17e;background:radial-gradient(ellipse at top,#293332 0,#121719 65%)}body[data-control-view=advanced] .workspace-modes{margin-bottom:0}body[data-control-view=advanced] .studio-view{border-bottom:1px solid #4b5451}body[data-control-view=advanced] .layer-heading h2{font:14px monospace;text-transform:uppercase;letter-spacing:3px}body[data-control-view=advanced] #layers{grid-template-columns:1fr;gap:18px}body[data-control-view=advanced] .layer,.layer.controls-open{padding:24px 34px 16px;border:1px solid #57615c;border-left:8px solid #3c4641;border-right:8px solid #3c4641;border-radius:5px;background:linear-gradient(110deg,#303938,#242b2c 60%,#303637);box-shadow:0 7px 16px #0007,inset 0 1px #ffffff20}body[data-control-view=advanced] .layer:before,body[data-control-view=advanced] .layer:after,.controls-open:before,.controls-open:after{content:'+';position:absolute;top:12px;color:#90998f;font:15px monospace;text-shadow:0 1px #000;left:8px}body[data-control-view=advanced] .layer:after,.controls-open:after{left:auto;right:8px}body[data-control-view=advanced] .layer-number,.controls-open .layer-number{display:grid;place-items:center;min-width:40px;height:42px;border:1px solid #7d8571;background:#171e1b;font:22px monospace;color:#d5dfa9;box-shadow:inset 0 2px 5px #0007}body[data-control-view=advanced] .track-name,.controls-open .track-name{font-size:19px;color:#f3e6cd}body[data-control-view=advanced] .track-meta,.controls-open .track-meta{font:10px monospace;letter-spacing:1.5px}body[data-control-view=advanced] .wave-row,.controls-open .wave-row{background:repeating-linear-gradient(90deg,transparent 0,transparent 39px,#afcd9120 40px),#101b16;border:1px solid #465a46;box-shadow:inset 0 2px 8px #0009;margin:18px 0}body[data-control-view=advanced] .controls,.controls-open .controls{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:18px;border:1px solid #4d5652;border-radius:4px;background:#18201f66}body[data-control-view=advanced] .controls label,.controls-open .controls label{padding:18px 14px;display:flex;flex-direction:column;align-items:center;gap:12px;border-right:1px solid #4d5652;text-transform:uppercase;letter-spacing:1px;font:11px monospace;color:#d0d6c8}body[data-control-view=advanced] .controls label:last-child,.controls-open .controls label:last-child{border-right:0}body[data-control-view=advanced] .rack-dial,.controls-open .rack-dial{display:block!important;position:relative;width:66px;height:66px;border-radius:50%;background:repeating-conic-gradient(#53605c 0deg 3deg,#27302e 3deg 12deg);border:3px solid #151b19;box-shadow:0 4px 6px #0009,inset 0 1px 3px #fff5;pointer-events:auto;cursor:ns-resize;touch-action:none;user-select:none}body[data-control-view=advanced] .rack-dial i,.controls-open .rack-dial i{position:absolute;inset:7px;border-radius:50%;background:linear-gradient(135deg,#657069,#29312d);box-shadow:inset 0 1px #c4cbb077;transform:rotate(var(--dial-angle));} .rack-dial i:before{content:'';position:absolute;top:3px;left:calc(50% - 2px);width:4px;height:17px;background:#e2d9b2;border-radius:2px;box-shadow:0 0 3px #e8e5b366}body[data-control-view=advanced] .controls output,.controls-open .controls output{background:#101912;border:1px solid #435041;color:#dbedb9;padding:6px 10px;min-width:100px;text-align:center;font:13px monospace;box-shadow:inset 0 1px 4px #0006}body[data-control-view=advanced] .rack-exact,.controls-open .rack-exact{display:block!important;width:90px;text-align:center;font:12px monospace;background:#1a211f;color:#bdc5b9}body[data-control-view=advanced] .controls input[type=range],.controls-open .controls input[type=range]{max-width:140px;accent-color:#c4d7a3;height:22px}body[data-control-view=advanced] .rack-path,.controls-open .rack-path{display:block!important;border-top:1px solid #57615c;margin-top:18px;padding-top:12px;color:#a4b0a1;font:10px monospace;letter-spacing:1px;line-height:1.7}body[data-control-view=advanced] .open-controls{display:none}body[data-control-view=advanced] .custom-badge{display:none}body[data-control-view=advanced] .track-actions button{min-width:65px;border-radius:3px;font:12px monospace;text-transform:uppercase;box-shadow:0 2px 3px #0005}body[data-control-view=advanced] .track-actions button[aria-pressed=true]{background:#cfdaa3;color:#243023;border-color:#e0eac3;box-shadow:0 0 7px #d1e89433}body[data-control-view=advanced] .source-mix,body[data-control-view=advanced] .binaural,body[data-control-view=advanced] .dj-workspace{border-radius:4px;border-top:3px solid #788775;background:linear-gradient(115deg,#29332f,#1c2524);box-shadow:0 4px 10px #0005}body[data-control-view=advanced] .captured-row{padding:20px 15px;background:#101b1966;border:1px solid #48564b;margin-top:10px;border-radius:4px}body[data-control-view=advanced] .scope-wrap{background:#0e1913;border-color:#4b6348}body[data-control-view=advanced] .bb-advanced{border:1px solid #566d67;padding:14px;margin-top:16px}body[data-control-view=advanced] .source-mix .bb-header .eyebrow:after{content:' / STREAM INPUTS';color:#9cae99}body[data-control-view=advanced] .master{background:#222c27;padding:22px;border:1px solid #65725b;border-radius:4px;margin-top:24px}
@media(max-width:900px){.studio-view{align-items:flex-start;flex-direction:column;gap:16px}body[data-control-view=advanced] .layer,.layer.controls-open{padding:20px 20px 14px}body[data-control-view=advanced] .controls,.controls-open .controls{grid-template-columns:1fr 1fr}body[data-control-view=advanced] .controls label,.controls-open .controls label{border-bottom:1px solid #4d5652}.rack-path{overflow-wrap:anywhere}}
@media(max-width:600px){.studio-view{padding:8px 0 20px}.view-switch{width:100%}.view-switch button{flex:1}.layer-top{flex-wrap:wrap}.track-title{min-width:140px}.view-title{font-size:27px}.rack-kicker{font-size:10px}.controls-open .rack-dial,body[data-control-view=advanced] .rack-dial{width:56px;height:56px}body[data-control-view=advanced] .controls label,.controls-open .controls label{padding:14px 8px}.track-actions .time{flex-basis:100%;margin-top:8px}.layer-heading{margin-top:24px}}

.rack-jump{font-size:13px;white-space:nowrap;margin-left:auto}@media(max-width:900px){.rack-jump{margin-left:0}}

/* Stream console: the same connected controls, presented as channel strips. */
.strip-head,.strip-screen,.pending-hardware,.console-dial,.console-level,.empty-console-slot{display:none}
body[data-control-view=advanced] .studio-view{padding:12px 0;margin-bottom:14px}body[data-control-view=advanced] .view-title{font-size:25px;margin:7px 0}body[data-control-view=advanced] .session-header{margin-bottom:12px}body[data-control-view=advanced] #session-name{font-size:22px}body[data-control-view=advanced] .source-mix{margin-top:12px;padding:18px}body[data-control-view=advanced] .source-mix>p:not(.bridge-status){display:none}body[data-control-view=advanced] .source-mix h2{font-size:22px;margin:5px 0}body[data-control-view=advanced] .console-channels{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}body[data-control-view=advanced] .captured,body[data-control-view=advanced] .url-list{display:contents}
body[data-control-view=advanced] .stream-strip{display:flex;flex-direction:column;gap:14px;align-items:stretch;min-width:0;margin:0;padding:18px;border:1px solid #677469;border-left:6px solid #414d47;border-right:6px solid #414d47;border-radius:4px;background:linear-gradient(115deg,#35413b,#202925);box-shadow:inset 0 1px #ffffff25,0 4px 8px #0005}body[data-control-view=advanced] .stream-strip>strong,body[data-control-view=advanced] .stream-strip>span:not(.console-dial){font-size:15px;line-height:1.4;overflow-wrap:anywhere;flex:none}body[data-control-view=advanced] .strip-head{display:block;font:10px monospace;letter-spacing:2px;color:#cab997}body[data-control-view=advanced] .strip-screen{display:grid;gap:7px;order:1;background:#0d1b15;border:1px solid #52664d;padding:12px;box-shadow:inset 0 2px 5px #0008}body[data-control-view=advanced] .strip-screen b{font:12px monospace;letter-spacing:1px;color:#d0e9aa}body[data-control-view=advanced] .strip-screen span{font:11px/1.6 monospace;color:#a8b99e}body[data-control-view=advanced] .pending-strip .strip-screen b{color:#e3b477}body[data-control-view=advanced] .pending-hardware{display:flex;align-items:center;flex-direction:column;gap:12px;order:2;opacity:.55;font:11px monospace}body[data-control-view=advanced] .console-dial{display:block;align-self:center;order:2;touch-action:none;user-select:none;cursor:ns-resize}.console-dial:focus-visible{outline:2px solid #edc192;outline-offset:8px;border-radius:50%}.console-knob{display:block;width:64px;height:64px;border-radius:50%;border:4px solid #141b16;background:repeating-conic-gradient(#627064 0deg 3deg,#293b2b 3deg 12deg);box-shadow:0 4px 7px #0009;position:relative}.console-knob i{position:absolute;inset:7px;background:linear-gradient(135deg,#7d8778,#28382a);border-radius:50%;transform:rotate(var(--rotation,-135deg));box-shadow:inset 0 1px #ffffff50}.console-knob i:before{content:'';position:absolute;left:calc(50% - 2px);top:2px;width:4px;height:16px;border-radius:2px;background:#e0e5b5}
body[data-control-view=advanced] .console-level{display:block;text-align:center;order:3;color:#d1dfac;font:12px monospace}body[data-control-view=advanced] .stream-strip .console-fader{order:4;writing-mode:vertical-lr;direction:rtl;height:125px;width:36px;align-self:center;accent-color:#d5dcb0}body[data-control-view=advanced] .stream-strip select{order:5}body[data-control-view=advanced] .stream-strip button{order:6}body[data-control-view=advanced] .stream-strip button[aria-pressed=true]{background:#d4dca6;color:#1b291c}body[data-control-view=advanced] .pending-strip button{padding:10px}body[data-control-view=advanced] .music-controls{padding:20px;background:#151f19;border:1px solid #56624f;box-shadow:inset 0 1px 5px #0008}body[data-control-view=advanced] .music-controls input{height:30px;accent-color:#dce3bb}body[data-control-view=advanced] .dj-workspace{padding:15px;gap:10px}body[data-control-view=advanced] .dj-workspace h2{font-size:18px}body[data-control-view=advanced] .dj-workspace .eyebrow{display:none}body[data-control-view=advanced] .dj-location{font-size:12px;margin:0}body[data-control-view=advanced] .mode-description{display:none}.pending-strip .strip-screen{display:grid;flex-basis:100%;gap:6px;font-size:12px;color:#c9b88f}.pending-strip .strip-screen b{font-size:11px}.url-item.pending-strip{flex-wrap:wrap}.url-item.pending-strip>span{min-width:180px}
@media(max-width:600px){body[data-control-view=advanced] .console-channels{grid-template-columns:1fr 1fr;gap:8px}body[data-control-view=advanced] .stream-strip{padding:12px 8px;border-width:1px}body[data-control-view=advanced] .strip-screen{padding:8px}body[data-control-view=advanced] .stream-strip>strong{font-size:13px}body[data-control-view=advanced] .strip-head{letter-spacing:0}body[data-control-view=advanced] .music-controls{grid-template-columns:1fr}}
body[data-control-view=advanced] .url-item.stream-strip{flex-wrap:nowrap}body[data-control-view=advanced] .pending-strip .strip-screen{flex-basis:auto}body[data-control-view=advanced] .stream-strip>*{min-width:0}body[data-control-view=advanced] .pending-hardware span{flex:none}body[data-control-view=advanced] .pending-hardware input{width:36px;height:95px;writing-mode:vertical-lr;direction:rtl}body[data-control-view=advanced] .pending-hardware small{text-align:center;line-height:1.5}

body[data-control-view=advanced] .stream-strip{position:relative;gap:10px}body[data-control-view=advanced] .pending-strip>button[aria-label^="Remove saved"]{position:absolute;right:8px;top:6px;width:26px;padding:3px;border:0;background:none}body[data-control-view=advanced] .pending-strip>span{min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}body[data-control-view=advanced] .pending-hardware{gap:8px}body[data-control-view=advanced] .pending-hardware input{height:60px}body[data-control-view=advanced] .strip-screen{min-height:82px}body[data-control-view=advanced] .strip-head{padding-right:20px}body[data-control-view=advanced] .console-knob{width:52px;height:52px}body[data-control-view=advanced] .console-fader{height:95px}

.quick-start{display:flex;align-items:center;flex-wrap:wrap;gap:12px;background:#263b33;border:1px solid #668572;border-radius:8px;padding:18px;margin-bottom:22px}.quick-start>div{flex:1;min-width:200px}.quick-start p{font-size:13px;color:#c3d0c4;margin:6px 0}.quick-start strong{font-size:19px}.source-mix .source-support{display:block!important;padding:12px;border-left:3px solid #d0b477;background:#151f1b;font-size:13px!important}.local-dj-note{display:none;font-size:12px;color:#d2c5a9;border-top:1px solid #57615c;padding-top:12px}body[data-workspace-mode=dj] .local-dj-note{display:block}.just-imported{outline:3px solid #eec08d;outline-offset:5px}.visual-audio-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.visual-audio-state{border-left:3px solid #80c8cc;padding-left:12px}.visual-preview:fullscreen{width:100vw;height:100vh;background:#050910}body[data-control-view=simple]:not(.show-binaural) .binaural{display:none}body[data-control-view=simple]:not(.show-visuals) .visual-panel{display:none}.visual-panel canvas[hidden]{display:none!important}@media(max-width:600px){.quick-start{padding:14px}.quick-start button{flex:1;font-size:14px}.visual-audio-actions button{width:100%}.console-channels{grid-template-columns:1fr!important}.workspace-modes a{padding:12px}.bb-advanced input{max-width:100%}header{gap:12px}.source-mix .url-form button{width:100%}.studio-view .rack-jump{font-size:14px}.dj-workspace .open-dj{font-size:14px}.visual-preview{height:220px}}