:root{--browser-w:218px;--track-h:112px;--header-w:238px;--master-w:86px;--ruler-h:32px}
body{background:#030504}.studio-shell{grid-template-rows:auto auto auto auto minmax(180px,1fr) auto 25px;background:radial-gradient(circle at 50% -20%,rgba(184,255,61,.05),transparent 35%),#050706}
.studio-topbar{min-height:48px;padding:6px 10px;background:#080a09}.studio-brand{min-width:285px}.studio-kicker,.studio-version{font-size:6px}.studio-brand strong{font-size:14px}.project-tools{gap:4px}.project-tools .ui-btn{min-width:auto;height:30px;padding:0 9px;font-size:7px}.project-name{height:30px;width:190px}.autosave-state{font-size:7px}
.transport-bar{min-height:48px;height:48px;padding:5px 10px;gap:7px}.transport-btn,.transport-btn.play,.easy-record{height:36px;width:38px;min-width:38px}.transport-btn.play{width:44px}.easy-record span{display:none}.time-display{height:36px;width:122px}.compact-control{height:34px}.import-main{height:34px;min-width:110px}.transport-bar>.ui-btn{height:34px}
.edit-bar{min-height:38px;height:38px;padding:3px 10px;gap:4px;overflow-x:auto;overflow-y:hidden}.edit-btn,.tool-switch .edit-btn{height:29px;min-width:auto;padding:0 8px;font-size:7px;white-space:nowrap}.loop-tools{height:29px}.selection-info{font-size:7px}.shortcuts{display:none}
.clip-quick-editor{padding-block:5px;min-height:54px}.workspace{margin-top:0;border-top:0;min-height:0;grid-template-columns:var(--browser-w) var(--header-w) minmax(0,1fr) var(--master-w)}
.studio-shell.daw-has-browser.daw-browser-hidden .workspace{grid-template-columns:28px var(--header-w) minmax(0,1fr) var(--master-w)}.studio-shell.daw-has-browser.daw-browser-hidden .daw-browser{width:28px}.studio-shell.daw-has-browser.daw-browser-hidden .daw-browser>*:not(header){display:none}.studio-shell.daw-has-browser.daw-browser-hidden .daw-browser header strong{display:none}.studio-shell.daw-has-browser.daw-browser-hidden .daw-browser header button{transform:rotate(180deg)}
.daw-browser{position:absolute;z-index:20;left:0;top:0;bottom:0;width:var(--browser-w);display:grid;grid-template-rows:34px 32px 38px minmax(0,1fr) 58px;border-right:1px solid #26302b;background:#090c0a;color:#dfe8e1;transition:width .15s}.daw-browser header{display:flex;align-items:center;justify-content:space-between;padding:0 8px;border-bottom:1px solid #202823;font:700 8px/1 "Courier New",monospace;letter-spacing:.14em}.daw-browser button{border:1px solid #28322d;background:#0d120f;color:#aab5ae;border-radius:3px;font:700 7px/1 "Courier New",monospace;letter-spacing:.07em;cursor:pointer}.daw-browser header button{width:20px;height:20px;color:#b8ff3d}.daw-browser nav{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;padding:4px}.daw-browser nav button.on{border-color:#668d32;color:#b8ff3d;background:#172014}.daw-browser-search{padding:5px 7px}.daw-browser-search input{width:100%;height:28px;border:1px solid #26302b;background:#050706;color:#eef3ef;padding:0 8px;font:700 8px/1 "Courier New",monospace;outline:0}.daw-browser-search input:focus{border-color:#587a30}.daw-browser-list{overflow:auto;padding:5px}.daw-browser-item{width:100%;min-height:43px;display:grid;grid-template-columns:28px 1fr;gap:7px;align-items:center;text-align:left;padding:5px;margin-bottom:4px}.daw-browser-item:hover{border-color:#587a30;background:#121a11}.daw-browser-item>i{display:grid;place-items:center;width:25px;height:25px;border:1px solid #405144;color:#b8ff3d;font-style:normal}.daw-browser-item span{min-width:0;display:grid;gap:4px}.daw-browser-item b,.daw-browser-item small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.daw-browser-item b{color:#e7eee9;font-size:8px}.daw-browser-item small{color:#6f7b74;font-size:6px}.daw-browser-empty{padding:18px 10px;color:#657068;font:700 8px/1.5 "Courier New",monospace}.daw-browser footer{display:grid;gap:5px;padding:7px;border-top:1px solid #202823}.daw-browser footer button{height:25px;color:#b8ff3d}.daw-browser footer span{font:700 6px/1 "Courier New",monospace;color:#526058;text-align:center}
.daw-dockbar{grid-row:6;display:flex;align-items:center;gap:3px;height:34px;padding:3px 7px;border-top:1px solid #26302b;border-bottom:1px solid #181e1a;background:#090c0a;z-index:30}.daw-dockbar button{height:26px;padding:0 9px;border:1px solid #27312c;background:#0d110f;color:#9ca8a1;border-radius:3px;font:700 7px/1 "Courier New",monospace;letter-spacing:.08em}.daw-dockbar button:hover{border-color:#5d8034;color:#c8ff67}.daw-dock-spacer{flex:1}.daw-cpu{position:relative;width:76px;height:24px;display:grid;place-items:center;overflow:hidden;border:1px solid #29342e;background:#050706}.daw-cpu i{position:absolute;inset:0 auto 0 0;width:0;background:rgba(184,255,61,.14);transition:width .3s}.daw-cpu b{z-index:1;color:#91a096;font:700 7px/1 "Courier New",monospace}
.statusbar{grid-row:7;height:25px}.tracks-panel{border-left:1px solid #232c27}.track-header{position:relative;padding:8px 8px 6px;border-left:3px solid var(--track-color,#b8ff3d);transition:height .12s}.track-header.is-selected{box-shadow:inset 2px 0 0 var(--track-color,#b8ff3d);background:linear-gradient(90deg,color-mix(in srgb,var(--track-color) 10%,transparent),transparent 70%)}.track-title-row{grid-template-columns:30px 1fr 24px 24px;gap:4px}.track-index{border-color:color-mix(in srgb,var(--track-color) 50%,#28302c);color:var(--track-color)}.track-name{font-size:12px}.track-buttons{margin-top:5px;gap:4px}.square-btn,.load-mini,.pocket-track-button{height:24px!important}.track-controls{margin-top:5px}.daw-track-pro{display:grid;grid-template-columns:22px 22px 1fr 42px 30px 5px;gap:4px;align-items:center;margin-top:6px}.daw-track-pro input[type=color]{width:22px;height:20px;padding:1px;border:1px solid #2b3530;background:#0b0e0c}.daw-track-pro button{height:20px;padding:0 4px;border:1px solid #2b3530;background:#0a0d0b;color:#8d9991;border-radius:2px;font:700 6px/1 "Courier New",monospace}.daw-track-pro button:hover,.daw-track-pro button.on{border-color:var(--track-color);color:var(--track-color)}.daw-track-pro input[type=range]{min-width:30px;width:100%;accent-color:var(--track-color)}.daw-track-meter{position:relative;width:4px;height:20px;background:#1b241f;overflow:hidden}.daw-track-meter span{position:absolute;inset:auto 0 0;height:25%;background:var(--track-color)}.track-header[data-collapsed=true]{padding-block:7px}.track-header[data-collapsed=true] .track-buttons,.track-header[data-collapsed=true] .track-controls,.track-header[data-collapsed=true] .daw-track-pro{display:none}
.lane{background:linear-gradient(180deg,color-mix(in srgb,var(--track-color,#b8ff3d) 3%,transparent),transparent);transition:height .12s}.lane-grid{background-image:linear-gradient(to right,rgba(238,243,239,.045) 1px,transparent 1px)}.audio-clip{border-color:color-mix(in srgb,var(--track-color,#b8ff3d) 65%,#1a241e)!important;background:linear-gradient(180deg,color-mix(in srgb,var(--track-color,#b8ff3d) 22%,#172019),#0d130f)!important}.audio-clip.is-selected{box-shadow:0 0 0 2px var(--track-color),0 4px 16px #0008!important}.audio-clip.is-muted{filter:grayscale(1);opacity:.48}.audio-clip.is-muted:after{content:"MUTED";position:absolute;right:7px;bottom:5px;color:#f6c06a;font:700 7px/1 "Courier New",monospace}.audio-clip canvas{mix-blend-mode:screen}.ruler-mark{font-size:6px;padding-left:3px}.ruler-mark.bar{color:#b8ff3d}.playhead{width:1px;background:#ff765f;box-shadow:0 0 7px #ff765f}.playhead i{border-top-color:#ff765f}.daw-marker-layer{position:absolute;top:0;left:0;right:0;height:var(--ruler-h);z-index:9;pointer-events:none}.daw-marker{pointer-events:auto;position:absolute;top:0;height:100%;width:2px;padding:0;border:0;background:#e8d36c;color:#111;cursor:ew-resize}.daw-marker i{position:absolute;top:2px;left:0;border-top:6px solid #e8d36c;border-right:7px solid transparent}.daw-marker span{position:absolute;top:3px;left:6px;width:max-content;max-width:100px;overflow:hidden;text-overflow:ellipsis;color:#e8d36c;font:700 6px/1 "Courier New",monospace;white-space:nowrap;text-shadow:0 1px 2px #000}.daw-marquee{position:absolute;z-index:12;border:1px solid #b8ff3d;background:rgba(184,255,61,.1);pointer-events:none}
.daw-clip-menu,.daw-export-menu{position:fixed;z-index:2000;width:220px;padding:5px;border:1px solid #3b4a42;background:#0a0e0b;box-shadow:0 16px 42px #000d}.daw-clip-menu button,.daw-export-menu button{width:100%;height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 9px;border:0;border-bottom:1px solid #1e2822;background:transparent;color:#c6d0ca;font:700 7px/1 "Courier New",monospace;text-align:left}.daw-clip-menu button:hover,.daw-export-menu button:hover{background:#172116;color:#b8ff3d}.daw-clip-menu kbd{color:#657169;font:inherit}.daw-export-menu{width:205px}
.daw-auto-modes{display:flex;align-items:center;gap:3px;padding-right:8px;border-right:1px solid #29332d}.daw-auto-modes span{color:#6f7d74;font:700 7px/1 "Courier New",monospace}.daw-auto-modes button{height:24px!important;padding:0 7px!important}.daw-auto-modes button.on{background:#b8ff3d!important;color:#111!important;border-color:#b8ff3d!important}
.workflow-channel{border-top:3px solid var(--track-color,#b8ff3d)}.daw-mixer-inserts{display:grid;gap:3px;margin:6px 0}.daw-mixer-inserts button{height:21px;max-width:94px;overflow:hidden;text-overflow:ellipsis;border:1px solid color-mix(in srgb,var(--insert-color,#4a564f) 55%,#222);border-left:3px solid var(--insert-color,#4a564f);background:#090d0a;color:#aeb9b2;font:700 6px/1 "Courier New",monospace;white-space:nowrap}.daw-mixer-inserts button:hover{color:var(--insert-color,#b8ff3d)}
.mixer-drawer.is-open,.production-dock-v5.is-open,.creation-dock-v7.is-open{max-height:40vh;overflow:auto;border-top-color:#4e6935}.pocket-rack{max-height:38vh;overflow:auto}.pocket-window{z-index:2100}
.daw-error .statusbar{box-shadow:inset 0 2px 0 #ff6b68}.daw-error #statusText{color:#ff9b98}
.loop-range{pointer-events:none}.daw-loop-handle{pointer-events:auto;position:absolute;top:0;bottom:0;width:9px;padding:0;border:1px solid #b8ff3d;background:#182515;cursor:ew-resize}.daw-loop-handle.left{left:-5px}.daw-loop-handle.right{right:-5px}
.piano-roll-v7{overflow:auto}.pr-cell.on{position:relative;z-index:2;width:calc(var(--note-length,1) * 100%);transform-origin:left center;box-shadow:inset 0 0 0 1px #dfffab,0 2px 5px #0008;cursor:ew-resize}.pr-cell.on:after{content:"";position:absolute;right:2px;top:3px;bottom:3px;width:2px;background:#10181088}
@media(max-width:1200px){:root{--browser-w:185px;--header-w:215px}.daw-dockbar button{padding-inline:6px}.daw-browser{font-size:90%}.project-tools .ghost:not(.fullscreen-btn){display:none}}
@media(max-width:920px){.studio-shell{min-width:980px}.workspace{grid-template-columns:0 170px minmax(0,1fr) 64px!important}.daw-browser{display:none!important}.daw-dockbar{overflow-x:auto}.daw-cpu{display:none}}
.daw-browser{position:relative;left:auto;top:auto;bottom:auto;height:100%}

/* Always-open tracks: waveform amplitude stays fully visible. */
:root{--track-h:150px}
.track-header,.lane{height:var(--track-h)!important;min-height:var(--track-h)!important;max-height:var(--track-h)!important}
.daw-track-pro{grid-template-columns:22px minmax(54px,1fr) 38px 5px;gap:5px;margin-top:8px}
.daw-track-pro input[type=range],.daw-collapse{display:none!important}
.audio-clip{top:4px!important;height:calc(100% - 8px)!important}
.audio-clip canvas{opacity:.96!important}