/* Studio 10: quieter chrome and precise, user-sized working areas. */
:root{--editor-height:320px;--inspector-width:190px;--line:#3b3c3e;--text:#e5e5e4;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}
html,body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif!important}button,input,select,textarea{font-family:inherit!important;border-radius:5px!important}button{border-color:transparent;background:#343536}button:hover{background:#424345}button:focus-visible,[role=separator]:focus-visible{outline:2px solid #bca48c;outline-offset:1px}
.topbar{background:#292a2c!important;border-color:#17181a}.topactions button.ghost,#customize-toolbars{background:transparent;border-color:transparent}.topactions button.ghost:hover,#customize-toolbars:hover{background:#3b3c3e}.topactions .primary{border-radius:6px!important}.studio-rail{background:#27282a}.toolbar-group{border-color:#3a3b3e!important;background:#28292b!important}.pinned-transport{background:#27282a}.transport-buttons{gap:3px;padding:3px;border-radius:7px;background:#202123}.transport-buttons button{background:#333537!important;border-color:transparent!important;border-radius:4px!important}.transport-buttons button.play.active{background:#49654f!important;border-color:#6c8f71!important}.transport-buttons button.record svg{color:#ce776f!important}.clock{font-variant-numeric:tabular-nums}.tempo,.loop-fields,.loop-fields input,.engine-status{background:transparent!important;border-color:#454648!important}.viewbar{background:#2b2c2e;border-color:#17181a}.viewtabs{gap:2px}.viewtabs button{border:0;background:transparent;margin:3px 0;border-radius:5px!important}.viewtabs button.active{background:#454442!important;border:0!important;color:#f1e4d8!important}.viewoptions{gap:10px}.viewoptions button{font-size:11px}.timeline-snap{display:flex;align-items:center;gap:5px;color:#aaa;font-size:11px}.timeline-snap select{font-size:11px;padding:3px 5px;max-width:95px}.automation-toggle{display:flex;align-items:center;gap:5px;font-size:11px;background:transparent}.automation-toggle[aria-pressed=true]{background:#514635!important;color:#e6bd78!important}
.workspace,.main{min-height:0!important}.browser{position:relative;width:var(--sidebar)!important;min-width:0!important;background:#242527!important;border-color:#17181a;overflow:visible}.browser-search input{background:#1b1c1e;border-color:#414244}.browser-cats{padding:3px 7px 8px}.browser-cats .cat{border:0!important;border-radius:5px!important;padding-left:8px}.browser-cats .cat.active{background:#3d3b38!important}.browser-head{color:#b7b9bc}.browser-content{overflow:auto;min-height:0}.browser-foot{border-color:#3d3e40;background:#242527}.browser p{color:#a3a5aa}.browser-cats .count{color:#8d9096}.cat.active .count{color:#c8c6c1}
.editor{position:relative;flex:0 0 var(--editor-height)!important;height:var(--editor-height)!important;min-height:0!important;border-top:1px solid #151618!important}.editorbody{min-height:0!important;background:#252628!important}.editor-tabs{flex:none;background:#2c2d2f;padding-left:5px;border-color:#424346}.editor-tabs button{background:transparent;border-color:transparent;border-radius:0!important}.editor-tabs button.active{background:transparent!important;border-color:transparent!important;border-bottom-color:#bfa284!important;color:#e1c5a7!important}.editorbar{background:#292a2c;border-color:#3f4042}.editor-actions button{background:transparent;border-color:#464749}.channel-strip{position:relative;width:var(--inspector-width)!important;min-width:0!important;background:#2c2d2e!important;overflow:visible;padding:10px!important}.channel-strip .clip-settings{max-height:150px;overflow:auto}.channel-name{margin-bottom:10px}.instrument-slot,.insert-slot{background:#3b4543!important;border-color:#53615c!important;border-radius:4px!important}.insert-slot button,.instrument-slot{font-size:11px}.add-insert{background:transparent;border-color:#4b4c4e!important;border-radius:4px!important}.channel-output select{border-radius:4px!important}.track-detail{overflow:auto}.step-editor,.roll-wrap,.audio-editor{overflow:auto}
.panel-divider{position:absolute;z-index:25;touch-action:none;user-select:none;background:transparent;outline-offset:-2px!important}.panel-divider.vertical{top:0;bottom:0;right:-4px;width:8px;cursor:col-resize}.panel-divider.horizontal{left:0;right:0;top:-5px;height:10px;cursor:row-resize}.panel-divider:after{content:'';position:absolute;background:#b79e80;opacity:0;transition:opacity .12s!important}.panel-divider.vertical:after{top:0;bottom:0;left:3px;width:2px}.panel-divider.horizontal:after{top:4px;left:0;right:0;height:2px}.panel-divider:hover:after,.panel-divider:focus-visible:after{opacity:1}.resizing-panels,.resizing-panels *{user-select:none!important;transition:none!important}.resizing-horizontal *{cursor:col-resize!important}.resizing-vertical *{cursor:row-resize!important}.workspace-no-browser .browser{display:none!important}.workspace-no-browser .panel-divider[data-resize-panel=browser]{display:none}.workspace-no-inspector .channel-strip{display:none}.workspace-no-detail .editor{display:none!important}
.track-head{position:sticky;background:#303133!important;border-right:1px solid #17181a!important;border-left:3px solid color-mix(in srgb,var(--track-color) 60%,#555)!important}.track-row.selected .track-head{background:#3d3d3e!important}.track-head .track-controls button,.track-devices button{border-color:transparent!important;border-radius:3px!important;background:#414244!important}.track-controls button.on{background:#74623d!important}.track-devices{margin-top:5px;gap:4px}.track-devices button:last-child{font-size:13px}.track-row{border-bottom:1px solid #17181a!important}.lane{background-color:#252628!important;background-image:linear-gradient(90deg,#494b4e 1px,transparent 1px),linear-gradient(90deg,#303235 1px,transparent 1px)}.track-row:nth-child(even) .lane{background-color:#282a2c!important}.ruler-label{background:#2d2e30;border-color:#17181a}.ruler,.map-row{background:#2b2c2e!important}.map-row>div:first-child{position:sticky;left:0;z-index:6;background:#2d2e30;border-color:#424346}.loop-brace{background:#71634a!important;border:0;border-radius:3px}.loop-brace i{background:#ad9877}.loop-brace span{color:#e0d3bf}.clip,.clip-drag-preview{box-sizing:border-box;min-width:0!important;max-width:none;border-radius:4px!important;background:color-mix(in srgb,var(--track-color,#9d988b) 18%,#303337)!important;border:1px solid color-mix(in srgb,var(--track-color,#9d988b) 48%,#4f5358)!important;transition:none!important;animation:none!important}.clip.selected,.clip-drag-preview{background:color-mix(in srgb,var(--track-color,#9d988b) 25%,#36383a)!important;border-color:#d1b28d!important}.clip-title{background:color-mix(in srgb,var(--track-color,#9d988b) 18%,#34373b)!important;padding:3px 6px;font-weight:500;font-size:10px!important}.clip canvas{filter:none;opacity:.85}.clip-resize{width:7px;cursor:ew-resize;transition:none!important}.clip-resize:hover{background:#ebd1a630!important}.clip-drag-source{opacity:.2}.clip-drag-preview{overflow:hidden;cursor:grabbing}.clip-drag-preview.invalid{opacity:.2!important}.clip-drag-preview *,.dragging-region *,.playhead,.playhead:before,.object-ghost,.insertion-line{transition:none!important;animation:none!important}.dragging-region,.dragging-region *{user-select:none!important;cursor:grabbing!important}.drag-position{position:fixed;z-index:10001;pointer-events:none;background:#151618;color:#f0d6b5;border:1px solid #76634e;border-radius:4px;padding:5px 8px;font:11px ui-monospace,monospace;white-space:nowrap}
.automation-visible .track-row,.automation-visible .track-head,.automation-visible .lane{height:96px!important;min-height:96px!important}.automation-visible .clip{height:84px!important;opacity:.3;pointer-events:none}.track-auto-controls{display:flex;align-items:center;gap:5px;margin-top:5px}.track-auto-controls select{font-size:10px;min-width:0;width:90px;padding:1px 3px;color:#e1bd80}.track-auto-controls output{font-size:10px;color:#cbb58e;font-variant-numeric:tabular-nums;white-space:nowrap}.track-automation{position:absolute;top:0;left:0;z-index:3;height:96px;touch-action:none;overflow:visible;cursor:crosshair}.automation-curve{stroke:#d3ad68;stroke-width:1.5;fill:none;pointer-events:none}.automation-curve.empty{stroke-dasharray:4 4;opacity:.65}.track-automation circle{fill:#f0cb85;stroke:#242424;stroke-width:1.5;cursor:grab}.track-automation circle:hover,.track-automation circle:focus{r:5;fill:#fff0cd;outline:none;stroke:#d3ad68;stroke-width:2}
.device,.instrument-panel{border-radius:6px!important}.device header{border-radius:5px 5px 0 0}.device{border-color:#494b4d!important}.device-controls{padding:12px}.dial{border-radius:50%!important}.modal,.workspace-dialog{border-radius:9px!important}.studio-menu{border-radius:6px;padding:4px}.studio-menu button{border-radius:3px!important}.chooser{border-radius:9px;overflow:hidden;border-color:#56585a}.chooser>header{background:#303133}.chooser-body>nav{background:#262729}.chooser-grid button{border-radius:6px!important}.template-thumbnail{border-radius:4px}.statusbar{background:#242527;border-color:#151618}.master-strip{background:#2c2d2e;border-color:#444548}.master-meter,.tiny-meter{border-radius:2px}
@media(max-width:1000px){.automation-toggle{font-size:0!important;gap:0}.automation-toggle svg{width:18px;height:16px}.viewoptions{gap:6px}.timeline-snap{font-size:0}.timeline-snap select{max-width:70px}.bar-control{display:none}}
@media(max-width:800px){.browser{width:210px!important}.workspace-no-browser .browser{display:none!important}.panel-divider[data-resize-panel=browser]{display:none}.editor{flex-basis:var(--editor-height)!important}.track-detail{min-width:200px}.viewoptions{gap:4px}.viewtabs button{padding:6px}.zoom-control{display:none}}

.editorbody{position:relative}.channel-strip{overflow:auto!important}.editorbody>.panel-divider[data-resize-panel=inspector]{left:calc(var(--inspector-width) - 4px);right:auto;bottom:0}