/* Studio 03: compact, familiar production workspace. */
:root{--bg:#151617;--panel:#202123;--panel2:#292b2e;--line:#3b3d40;--dim:#9b9ea4;--text:#e1e2e5;--sidebar:214px;--trackhead:178px;font-family:Arial,Helvetica,sans-serif;--lime:#a8c99a}
button,input,select{border-radius:3px}button{box-shadow:none}button:focus-visible,[role=slider]:focus-visible{outline:2px solid #94adff;outline-offset:2px}.topbar{height:48px;background:#202123;border-color:#3b3d40;padding:0 16px;gap:16px}.brandmark{display:none}.wordmark{font-family:Arial,sans-serif;font-size:16px;letter-spacing:1.5px;font-weight:800}.brand small{font-size:10px;letter-spacing:2px}.projectname input{font-size:12px;font-weight:500}.topactions{gap:5px}.topactions button{font-size:11px;padding:5px 8px}.project-menu{position:relative;font-size:11px}.project-menu summary{cursor:pointer;list-style:none;padding:7px 12px;background:#303236;border:1px solid #45474c;border-radius:3px}.project-menu summary:after{content:'⌄';margin-left:8px;color:#aaa}.project-menu>div{position:absolute;top:34px;right:0;z-index:20;width:180px;padding:5px;background:#2b2d30;border:1px solid #505257;box-shadow:0 8px 20px #0007}.project-menu button{display:block;width:100%;text-align:left;background:none;border:0;padding:8px}.transport{height:51px;background:#2b2d30;border-color:#414347}.transport-buttons{gap:4px}.transport button.record-options{width:18px;height:29px;padding:0;background:transparent;border:none;color:#bbb}.clock{font-size:16px;background:#1b1c1e;border:1px solid #45474c;padding:6px 12px;border-radius:2px;font-weight:400;color:#d7dbe3}.transport .signature{color:#b2b5bb}.workspace{height:calc(100dvh - 126px)}.browser{background:#232527;border-color:#414347}.browser-head{height:36px;color:#9fa4ad}.browser-search{padding:2px 10px 12px}.browser-search input{background:#18191b;border-color:#45474a;border-radius:3px;font-size:11px}.browser-cats{padding:0 6px 9px;border-bottom:1px solid #3c3e41}.cat{border:0;border-radius:2px;font-size:11px}.cat.active{background:#3b455a;color:#dfe8ff}.browser-content{padding:10px 6px;display:flex;flex-direction:column;gap:10px;overflow:auto}.device-browser-list{flex:1}.device-group{margin-bottom:9px}.device-group summary{color:#a8adb5;font-size:10px;padding:5px 6px;cursor:pointer;letter-spacing:.2px}.device-group summary>span{float:right;color:#6f747d}.device-row{display:flex;align-items:center;gap:9px;width:100%;background:none;border:0;text-align:left;padding:6px 10px;font-size:11px;border-radius:2px;color:#bfc4cc;font-weight:400}.device-row.selected{background:#414f70;color:#f2f5ff}.device-row:hover{background:#373c45}.device-glyph{color:#90a3c8;font-size:14px;line-height:14px;width:14px;text-align:center}.browser-preview{position:sticky;bottom:-10px;z-index:2;padding:12px 8px 8px;border-top:1px solid #46494e;background:#232527}.browser-preview strong{font-size:11px}.browser-preview p{font-size:10px;line-height:1.5;color:#939ba8;margin:6px 0 10px}.browser-preview .insert-device{font-size:10px;width:100%;padding:6px;background:#3a4150;border:1px solid #525d73}.browser-preview small{display:block;font-size:9px;color:#828a97;margin-top:7px}.browser-foot{font-size:10px;padding:10px 12px;background:#1e2022;border-color:#393b40;line-height:1.7}.browser-foot strong{font-size:10px;color:#bec4cd}.browser-foot a{margin-top:6px;font-size:9px}.viewbar{height:37px;background:#232527;border-color:#3d4044;padding:0 12px}.viewtabs{gap:12px}.viewtabs button{font-size:11px;letter-spacing:0}.viewtabs button.active{border-bottom-color:#6c91ef;color:#e0e8ff}.viewoptions button{font-size:10px}.arrangement,.timeline{background:#202224}.ruler-row,.ruler-label{background:#2c2f33;border-color:#42464a}.ruler{background-color:#282b2e}.track-head{background:#303236;border-color:#42464a}.track-row.selected .track-head{background:#41464f}.lane{background-color:#222426;border-color:#363a3e}.track-row:nth-child(2n) .lane{background-color:#25282b}.clip{border-radius:2px;box-shadow:none}.clip-title{font-size:10px}.track-title{font-size:11px}.empty-lane{background:#202224}.master-strip{background:#282b2e;border-color:#42464a;height:28px}.master-strip .right{font-size:9px;color:#9399a2}.master-meter{background:#17191b}.editor{flex:0 0 320px;height:320px;min-height:235px;background:#242629;border-color:#44474c}.editor-tabs{height:32px;min-height:32px;background:#303236;border-color:#46494f;padding:0 8px;gap:2px}.editor-tabs button{border-radius:0;height:31px;padding:0 13px;font-size:11px;color:#b0b6c0}.editor-tabs button.active{background:#232629;color:#dbe6ff;border-bottom:2px solid #6d92ef}.editor-track-label{margin-left:auto;font-size:10px;color:#acb2bc;padding-right:10px;white-space:nowrap;overflow:hidden}.device-editing .editorbar{display:none}.editorbody{background:#202224;overflow:hidden}.editorbar{background:#25282c;border-color:#3f4349}.inspector{background:#292c30;border-color:#41454c}.step-editor,.drum-name,.roll-wrap,.piano-row,.piano-key{background-color:#23272c}.device-workspace{width:100%;min-width:0;display:flex;flex-direction:column}.chain-toolbar{height:34px;min-height:34px;padding:4px 10px;background:#25282b;display:flex;align-items:center;gap:6px;border-bottom:1px solid #3e4248}.chain-title{font-size:10px;color:#d6dbe4;margin-right:auto;white-space:nowrap;overflow:hidden}.chain-title>span{color:#7d8797;margin-left:10px}.chain-toolbar button{font-size:10px;padding:4px 8px;background:#33383e;border-color:#4b525c}.pro-rack{background:#1c1e21;align-items:stretch;gap:9px;padding:9px;flex:1;min-height:0;overflow:auto}.device{flex:0 0 292px;min-width:292px;border:1px solid #515964;border-top:1px solid #69788e;border-radius:3px;background:#2a2f35;padding:0;min-height:0;overflow:hidden;align-self:stretch}.device.eq-device{flex-basis:462px;min-width:462px}.device.bypassed{opacity:.56;border-color:#51565c}.device>header{height:29px;background:#3b4553;border-bottom:1px solid #1f252d;padding:0 8px;font-size:11px;color:#e6eaf1}.device-power{color:#a6bff9!important;font-size:12px!important}.bypassed .device-power{color:#8d959f!important}.device>header strong{font-weight:600}.device>header span button{color:#b9c6db!important;font-size:17px!important;padding:0 5px!important}.device-description{min-height:27px!important;height:27px;overflow:hidden;font-size:9px!important;color:#929eae!important;padding:0 10px;margin:8px 0!important;line-height:1.5!important}.device-controls{display:flex;flex-wrap:wrap;justify-content:center;gap:7px 5px;padding:4px 10px 8px}.rotary-control{flex:0 0 59px;min-width:59px;text-align:center}.rotary-control label{display:block;font-size:9px;font-weight:400;color:#b8c3d0;margin:1px 0 5px!important;text-transform:none;white-space:nowrap}.dial{width:34px;height:34px;border:2px solid #667489;border-radius:50%;margin:0 auto;position:relative;background:radial-gradient(circle at 38% 30%,#555e69,#343d48 65%,#242b34);box-shadow:0 2px 3px #0007,0 0 0 3px #1f252c;touch-action:none;cursor:ns-resize}.dial i{position:absolute;left:14px;top:3px;bottom:3px;width:2px;transform:rotate(var(--rotation));pointer-events:none}.dial i:before{content:'';position:absolute;top:0;width:2px;height:9px;background:#afc8ff}.dial-value{display:flex;align-items:center;justify-content:center;margin-top:5px;font:9px monospace;color:#8696ac;gap:1px}.dial-value input{width:46px;max-width:54px;font:10px monospace;color:#d3deef;background:transparent;border:1px solid transparent;padding:1px 0;text-align:center;border-radius:2px;appearance:textfield}.dial-value input:hover,.dial-value input:focus{border-color:#59687d;background:#1e252f}.dial-value input::-webkit-inner-spin-button{appearance:none}.dial-value span{font-size:8px}.eq-display{width:calc(100% - 20px);height:93px;background:#151b23;margin:8px 10px 0;border:1px solid #45505f;touch-action:none}.eq-display text,.compressor-display text{font:9px monospace;fill:#758497}.graph-grid{stroke:#293342;stroke-width:1;fill:none}.graph-zero{stroke:#44536a;stroke-width:1;fill:none}.eq-curve{stroke:#94b5ff;stroke-width:1.8;fill:none}.eq-point{cursor:move;touch-action:none}.eq-point circle{fill:#2c415e;stroke:#91acdb;stroke-width:1}.eq-point.selected circle{fill:#8eaee8;stroke:#c8daff}.eq-point text{text-anchor:middle;fill:#d4e1f7;font:8px monospace;pointer-events:none}.eq-point.selected text{fill:#17283e}.eq-band-tabs{display:flex;gap:3px;padding:5px 12px 1px;align-items:center}.eq-band-tabs button{font:9px monospace;padding:2px 6px;background:#252e3b;border:1px solid #4a596e}.eq-band-tabs button.active{background:#6684bd;border-color:#8fa9d8}.eq-band-tabs span{margin-left:auto;color:#8f9db0;font-size:9px}.eq-device .device-controls{flex-wrap:nowrap;gap:10px;padding-top:3px}.eq-device .dial{width:29px;height:29px}.eq-device .dial i{left:11.5px}.eq-device .rotary-control label{margin-bottom:4px!important}.compressor-display{width:calc(100% - 20px);height:46px;margin:7px 10px;background:#171d26;border:1px solid #465366}.device:has(.compressor-display) .dial{width:28px;height:28px}.device:has(.compressor-display) .dial i{left:11px}.device:has(.compressor-display) .device-controls{gap:3px}.rack-drop{flex:0 0 138px;min-width:138px;align-self:stretch;background:transparent;border:1px dashed #49535e;color:#8a98aa;white-space:normal;text-align:center;font-size:11px;padding:18px 10px}.rack-drop>span{display:block;font-size:23px;margin-bottom:8px;font-weight:300;color:#677b99}.rack-drop small{display:block;font-size:9px;line-height:1.6;color:#6e7b8f;margin-top:7px}.rack-status{height:21px;min-height:21px;display:flex;justify-content:space-between;gap:10px;padding:4px 10px;font-size:9px;color:#7c899b;background:#24282e;border-top:1px solid #393f47}.instrument-panel{width:100%;overflow:auto;padding:13px 20px;background:#242a32}.instrument-header{display:flex;align-items:center;gap:30px}.instrument-header>div{display:flex;flex-direction:column;gap:4px}.instrument-header small{font-size:9px;letter-spacing:1px;color:#8292aa}.instrument-header strong{font-size:17px;font-weight:500;color:#d3ddeb}.instrument-header label{font-size:10px;color:#a4b0c2;display:flex;align-items:center;gap:8px}.instrument-header select{font-size:11px;min-width:160px;background:#19212b;border-color:#4b5c72}.instrument-description{color:#8c9cb1;font-size:10px;margin:12px 0}.instrument-controls{display:flex;gap:18px;padding:10px 0}.instrument-controls .rotary-control{min-width:70px}.instrument-panel .pro-tool{padding:10px 0}.instrument-panel .pro-tool h3{font-size:13px}.preset-list{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.preset-list button{font-size:12px;padding:10px 13px}.mixer-view{background:#1b1d20;padding:12px;gap:4px;min-height:200px}.mixer-channel{width:143px;padding:9px 12px;background:#2a2e33;border-color:#464c55;border-radius:2px;display:flex;flex-direction:column}.mixer-channel.selected{background:#343b45}.mixer-channel h3{margin:0 0 9px;font-size:11px;font-weight:500;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mixer-channel h3>span{font:9px monospace;color:#929eaf;margin-right:9px}.mixer-output{display:flex;justify-content:space-between;font-size:9px;background:#1d232b;border:1px solid #4a5565;color:#b4c0d2;padding:4px}.mixer-output>span{color:#66758c}.mixer-channel label{font-size:8px;color:#8493a9;margin:10px 0 3px;gap:7px}.mixer-channel .fader{height:125px;min-height:100px;flex:1;padding:12px 0 4px;gap:18px}.mixer-channel .fader input{height:100%;width:5px;min-height:90px;background:#141a22;box-shadow:1px 0 #4b5563}.mixer-channel .fader input::-webkit-slider-thumb{width:22px;height:10px;background:#b2bdcd;border:1px solid #edf2fc;box-shadow:0 2px 4px #0008;border-radius:1px}.mixer-channel .channel-meter{height:100%;width:9px;min-height:90px;background:repeating-linear-gradient(to top,#111822 0px,#111822 3px,#252d39 3px,#252d39 4px)}.channel-meter i{background:repeating-linear-gradient(to top,transparent 0px,transparent 3px,#0005 3px,#0005 4px),linear-gradient(to top,#668cb6 0%,#93bd9b 65%,#d9ba70 87%,#cd6f6f 100%)}.fader-scale{height:100%;min-height:90px;display:flex;flex-direction:column;justify-content:space-between;font:8px monospace;color:#697b94}.fader-value{display:block;font:10px monospace;text-align:center;margin:6px 0 9px;color:#bac9df}.mixer-buttons{display:flex;gap:4px}.mixer-buttons button{flex:1;font-size:10px;padding:4px;background:#39414d;border:1px solid #526075}.mixer-buttons button.on{background:#b6ad77;color:#1b2130}.session,.session-inner{background:#1e2329}.session-track-head{background:#313943}.session-mixer{background:#292f37}.session-slot{border-color:#3d454f}.statusbar{height:27px;background:#202326;border-color:#3c4148;font-size:9px;color:#8591a2}.modal{background:#252b33;border-color:#526076;border-radius:5px}.modal h1,.modal h2{font-family:Arial,sans-serif;font-size:23px;font-weight:500}.modal p{color:#a3b1c4}.editor-tabs button,.topactions button,.viewbar button{box-shadow:none}
@media(min-height:950px){.editor{height:350px;flex-basis:350px}.device-controls{gap:14px 5px;padding-top:10px}.eq-display{height:115px}}
@media(max-height:740px){.editor{height:295px;flex-basis:295px}.eq-display{height:75px}.device-controls{gap:4px}.device-description{margin:5px 0!important}.rack-status span:last-child{display:none}.browser-foot{display:none}}
@media(max-width:1100px){:root{--sidebar:190px;--trackhead:160px}.chain-title>span{display:none}.brand small{display:none}.rack-status span:last-child{display:none}.editor-tabs button{padding:0 9px}.topactions .new-label{display:none}}
@media(max-width:800px){:root{--sidebar:0px;--trackhead:142px}.workspace{height:calc(100dvh - 126px)}.browser{display:none}.chain-toolbar{overflow:auto}.chain-title{display:none}.editor-track-label{display:none}.editor-tabs{overflow:auto}.editor-tabs button{padding:0 8px;white-space:nowrap;font-size:10px}.topbar{padding:0 9px;gap:8px}.topactions .open-button{display:none}.topactions .project-menu summary{font-size:10px;padding:5px}.projectname input{width:110px}.wordmark{font-size:13px}.viewoptions .bar-control{display:none}.instrument-controls{gap:6px;flex-wrap:wrap}.instrument-header{gap:10px}.instrument-header label{flex-direction:column;align-items:flex-start}.topactions button.primary span{display:inline}.topactions button.primary svg{display:none}}
.browser-toggle{display:none!important}@media(max-width:800px){.browser-toggle{display:block!important}.browser-open .browser{display:flex;position:fixed;left:0;top:136px;bottom:27px;width:220px;z-index:15;box-shadow:15px 0 30px #0008}.browser-open .browser-foot{display:none}}
@media(min-height:800px){.editor{flex-basis:354px;height:354px}}
.device{overflow-y:auto;overflow-x:hidden}.device-controls{padding-bottom:12px}.pro-rack{scroll-padding:10px}
.choice-control{flex-basis:90px;min-width:90px;display:flex;flex-direction:column;justify-content:center}.choice-control select{font-size:10px;padding:6px 4px;background:#1c2430;border:1px solid #53627a;width:90px;margin:9px auto 15px;color:#c6d5eb}