/* Studio 11 — graphite console, coloured regions, and a contextual channel inspector. */
:root{--bg:#222529;--panel:#34373b;--panel2:#41454a;--line:#565a60;--text:#eeeff2;--muted:#a4aab4;--accent:#92b2e1;--blue:#78a4e4;--lime:#9dcb77;color-scheme:dark}
body{background:#24272b!important;color:#e9ebef!important}
button,summary{border-radius:5px!important;text-shadow:0 1px 1px #0006}
button{background:linear-gradient(#55595f,#42464b);border:1px solid #22262b;box-shadow:inset 0 1px #ffffff17,0 1px 1px #0005!important;color:#eceef2;min-height:25px}
button:hover{background:linear-gradient(#676c73,#4f555d);color:white}
button:active{background:#383f48;box-shadow:inset 0 1px 3px #0008!important}
button.active,button[aria-pressed=true]{background:linear-gradient(#668bbc,#3f6595)!important;border-color:#294a73!important;color:#fff!important;box-shadow:inset 0 1px #ffffff30,0 1px 1px #0005!important}
button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[role=separator]:focus-visible{outline:2px solid #a7c9f7;outline-offset:2px}
button:disabled{opacity:.42}
input,select{border:1px solid #20242a;background:#30343a;box-shadow:inset 0 1px 2px #0005!important;color:#e2e9f3}
input[type=range]{appearance:none;-webkit-appearance:none;height:4px;padding:0;background:#252a2e!important;border:1px solid #1c2025;box-shadow:0 1px #ffffff20,inset 0 1px 2px #0006!important;border-radius:3px!important;cursor:pointer;touch-action:none}
input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:16px;border-radius:3px;background:linear-gradient(#e0e2e4,#92979d);border:1px solid #333a41;box-shadow:inset 0 1px #fff8,0 1px 3px #0009}
input[type=range]::-moz-range-thumb{width:11px;height:15px;border-radius:3px;background:linear-gradient(#e0e2e4,#92979d);border:1px solid #333a41}
.topbar{height:43px!important;background:linear-gradient(#777b80,#62676d)!important;border-bottom:1px solid #34383e;box-shadow:inset 0 1px #ffffff30!important}
.wordmark{font-size:12px!important;letter-spacing:.23em;color:white!important;text-shadow:0 1px 2px #0005;font-weight:700}
.projectname input{color:#fff;background:transparent!important;box-shadow:none!important;font-size:12px;font-weight:500}
.topactions{gap:7px}.topactions button.ghost,#customize-toolbars{background:linear-gradient(#73787e,#5c6269)!important;border:1px solid #4d5259!important;box-shadow:inset 0 1px #ffffff20,0 1px 1px #0003!important}
.topactions .primary{background:linear-gradient(#98a7bb,#6e829d)!important;color:#fff!important;border-color:#51647d!important;padding:7px 15px;font-weight:600}
.project-menu summary{background:linear-gradient(#747a81,#5c6269);border:1px solid #4b5158;box-shadow:inset 0 1px #ffffff25!important}
.project-menu>div{background:#353a41;border-color:#737b87}
.studio-rail{min-height:66px;background:linear-gradient(#62676e,#4f555c)!important;border-bottom:1px solid #171c22;box-shadow:inset 0 1px #ffffff17,0 2px 3px #0005!important}
.pinned-transport{background:transparent!important;padding:9px 12px;gap:12px;border-color:#383e46!important}
.transport-buttons{gap:0;background:#42474e!important;padding:0;border:1px solid #30363e;border-radius:6px;box-shadow:inset 0 1px #fff2,0 1px 2px #0003!important}
.transport-buttons button,.transport-buttons button.play,.transport-buttons button.record{height:33px;width:33px;min-width:33px;background:linear-gradient(#727880,#5c636b)!important;border:0!important;border-right:1px solid #424951!important;border-radius:0!important;box-shadow:inset 0 1px #ffffff2a!important;color:#fff}
.transport-buttons button:first-child{border-radius:5px 0 0 5px!important}.transport-buttons button:last-child{border-radius:0 5px 5px 0!important;min-width:20px;width:20px}
.transport-buttons .play.active{background:linear-gradient(#76ad6f,#4f8650)!important;color:#fff!important}
.transport-buttons .record svg{color:#ee7d77!important;filter:drop-shadow(0 1px 1px #0005)}
.clock{min-width:124px;padding:10px 10px!important;font:500 17px ui-monospace,SFMono-Regular,Menlo,monospace!important;letter-spacing:0!important;color:#cbd7e8!important;background:linear-gradient(#192332,#243044)!important;border:1px solid #151c27;border-radius:5px;box-shadow:inset 0 2px 5px #0009,0 1px #fff3!important;white-space:nowrap}
.toolbar-group{background:transparent!important;border-color:#414850!important;padding:7px 10px;gap:7px}.toolbar-grip{color:#a3a9b1}.tempo{background:#242f40!important;border:1px solid #1c2533!important;border-radius:4px;padding:3px 6px;box-shadow:inset 0 1px 3px #0006!important}.tempo input{background:transparent!important;box-shadow:none!important;color:#d9e3f2!important;font:500 22px ui-monospace,monospace;border:0!important}.small-label,.signature{color:#c9d1dc!important}.signature{font-variant-numeric:tabular-nums;white-space:nowrap}.loop-fields{gap:4px}.loop-fields input{background:#343c47!important;border-color:#232a33!important;color:#d8e4f5;width:34px!important}
.toolbar-group button{border-color:#353b43!important;background:linear-gradient(#69717b,#4e5762)}
#track-analysis-summary{background:linear-gradient(#202b3a,#182231)!important;border:1px solid #111a27!important;border-radius:5px!important;margin:7px 10px 7px 5px;box-shadow:inset 0 1px 4px #0008,0 1px #fff2!important;color:#d9e5f4;min-width:270px;padding:6px 10px}
#track-analysis-summary small{color:#97acc8}.analysis-summary-title{font-size:9px!important;letter-spacing:.08em}.engine-status{color:#ced7e1}
.viewbar{background:linear-gradient(#444a51,#353b42)!important;border-bottom:1px solid #1c2229;padding:0 10px;min-height:37px;box-shadow:inset 0 1px #fff1!important}
.viewtabs{gap:0;align-items:center}.viewtabs button{margin:0;border:1px solid #252b32!important;border-radius:0!important;background:linear-gradient(#515962,#414952);box-shadow:inset 0 1px #fff2!important;min-height:24px;padding:4px 9px;font-size:11px}
.viewtabs button:first-of-type{border-radius:4px 0 0 4px!important}.viewtabs button:last-child{border-radius:0 4px 4px 0!important}.viewtabs button.active{background:linear-gradient(#6d8fb6,#4d719c)!important;color:white!important;border-color:#263f60!important}
.viewoptions{gap:8px}.timeline-snap{color:#c3c9d2}.timeline-snap select{background:#2d333c;padding:3px 5px}.automation-toggle{background:linear-gradient(#565e67,#424b56)!important;border:1px solid #2c3540!important;border-radius:4px!important;padding:4px 7px}
.automation-toggle[aria-pressed=true]{background:linear-gradient(#ba974c,#927035)!important;border-color:#59441e!important;color:#fff4cf!important}.viewoptions label{color:#c1c7cf}
.browser{background:#44484e!important;border-color:#161b22!important}.dock-tabs{display:flex;align-items:center;gap:0;padding:7px 10px;background:linear-gradient(#4f555c,#3e444c);border-bottom:1px solid #252b33;min-height:37px;flex:none}.dock-tabs button{flex:1;border-radius:0!important;font-size:11px;height:24px;min-height:24px}.dock-tabs button:first-child{border-radius:4px 0 0 4px!important}.dock-tabs button:last-child{border-radius:0 4px 4px 0!important}
.library-pane{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}.inspector-pane{display:none;min-height:0;overflow:auto;flex:1;background:#484c52;scrollbar-width:thin}.browser[data-dock-mode=inspector]>.library-pane{display:none}.browser[data-dock-mode=inspector]>.inspector-pane{display:block}
.browser-head{background:#393f46;padding:10px 13px}.browser-search{padding:8px 10px}.browser-search input{background:#292f36;border-color:#20262d;padding:7px 9px}.browser-cats .cat{color:#e1e4e9;background:transparent;box-shadow:none!important;padding:7px 8px}.browser-cats .cat.active{background:linear-gradient(#66748a,#4c5d74)!important;box-shadow:inset 0 1px #ffffff1c!important;color:#fff!important}.browser-content{background:#2e343c;padding:10px}.browser-foot{background:#3b4149!important}.browser-cats .count{color:#b2bbc8}
.dock-section-title{display:flex;justify-content:space-between;font-size:9px;font-weight:600;letter-spacing:.08em;color:#b5bcc6;margin-bottom:7px}.dock-region{padding:11px 12px 10px;background:linear-gradient(#434850,#3b4149);border-bottom:1px solid #292e35;box-shadow:inset 0 1px #ffffff0c!important}.dock-region>strong{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f0f2f5}.dock-region-data{display:grid;grid-template-columns:1fr auto;row-gap:5px;margin-top:10px;font-size:10px;color:#b3bdca}.dock-region-data output{color:#edf1f6;font:10px ui-monospace,monospace}.dock-region-actions{display:flex;gap:6px;margin-top:10px}.dock-region-actions button{min-height:22px;font-size:10px;padding:3px 8px;flex:1}
.dock-track-heading{display:flex;align-items:center;gap:10px;padding:10px 12px 5px}.dock-track-art{width:38px;height:38px;flex:none;border-radius:6px;background:linear-gradient(145deg,color-mix(in srgb,var(--track-color) 35%,#343c48),#2e3540);border:1px solid #262e38;box-shadow:inset 0 1px #ffffff25,0 1px 2px #0004!important;color:color-mix(in srgb,var(--track-color) 65%,white)}.track-graphic{width:100%;height:100%;padding:2px}.dock-track-heading>button{min-width:0;text-align:left;border:0;background:none;box-shadow:none!important;padding:0;display:flex;flex-direction:column;gap:4px}.dock-track-heading strong{font-size:12px;max-width:155px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dock-track-heading small{font-size:10px;font-weight:400;color:#bec5ce;text-transform:capitalize}
.dock-palette{display:flex;gap:5px;padding:7px 12px 11px}.dock-palette button{flex:1;max-width:25px;min-width:8px;min-height:9px;height:9px;background:var(--swatch)!important;border:1px solid #202630!important;border-radius:2px!important;padding:0;box-shadow:inset 0 1px #ffffff40,0 1px 1px #0003!important}.dock-palette button[aria-pressed=true]{outline:1px solid #e3e9f3;outline-offset:1px}
.dock-channels{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #2a3038}.dock-channel{min-width:0;display:flex;flex-direction:column;align-items:center;background:linear-gradient(90deg,#4c5158,#555a62 50%,#4b5057);border-right:1px solid #30363e;padding:9px 7px 0;box-shadow:inset 1px 0 #ffffff0b!important}.dock-channel:last-child{border-right:0;background:linear-gradient(90deg,#454b53,#4e555e 55%,#444b54)}.dock-channel-top{width:100%;height:209px;flex:none;display:flex;flex-direction:column;gap:6px;min-height:0}.dock-channel-top>span:first-child{font-size:9px;letter-spacing:.06em;text-align:center;color:#c6cdd6}.dock-instrument,.dock-input{background:linear-gradient(#607fa7,#46678e)!important;border:1px solid #2c4059!important;color:#e9f1ff;font-size:10px;padding:4px 3px;min-height:23px;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-transform:capitalize;border-radius:4px}.dock-mini-label{font-size:8px;letter-spacing:.06em;color:#bbc3ce}.dock-inserts{display:flex;flex-direction:column;gap:2px;min-height:30px;max-height:84px;overflow:auto;scrollbar-width:thin}.dock-insert{display:flex;flex:none;border:1px solid #2a435c;border-radius:3px;background:linear-gradient(#5b80ab,#41678f);overflow:hidden;box-shadow:inset 0 1px #ffffff25!important;height:21px}.dock-insert button{background:transparent;border:0;box-shadow:none!important;border-radius:0!important;font-size:9px;min-height:19px;padding:2px 3px;color:#e2edff}.dock-insert button:first-child{width:16px;padding:0;flex:none;border-right:1px solid #ffffff15}.dock-insert button:last-child{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;text-align:left;flex:1}.dock-insert.bypassed{opacity:.45}.dock-add{min-height:20px;padding:2px 3px;font-size:9px;flex:none;border-style:dashed;background:#3b424b;box-shadow:none!important}.dock-sends{display:flex;flex-direction:column;gap:8px;padding:5px 0;margin-top:auto}.dock-sends label{font-size:9px;display:flex;align-items:center;gap:5px;color:#d1d6dd}.dock-sends input{width:100%;min-width:10px;flex:1}.dock-sends input::-webkit-slider-thumb{height:10px;width:8px}.dock-channel-top select{width:100%;font-size:9px;padding:3px 2px;min-height:22px}.dock-output-art{width:50px;height:50px;align-self:center;color:#9baec7;margin-top:13px;border:1px solid #727c8b;border-radius:8px;background:linear-gradient(#384450,#2d3948);box-shadow:inset 0 1px #fff2!important}.dock-output-name{font-size:12px;text-align:center;margin-top:5px}.dock-master small{text-align:center;font-size:9px;color:#b4bdc9}.dock-destination{font-size:10px;text-align:center;line-height:1.6;color:#b8c2d0;margin-top:14px}
.dock-pan{display:flex;position:relative;flex-direction:column;align-items:center;width:100%;height:66px;flex:none;padding-top:8px;gap:2px}.pan-dial{display:block;position:relative;width:32px;height:32px;border-radius:50%;border:2px solid #242c36;background:radial-gradient(circle at 36% 26%,#c3c8cf,#8b929d 60%,#626b77);box-shadow:inset 0 1px #fff9,0 1px 2px #0007!important;transform:rotate(var(--pan-angle))}.pan-dial:before{content:'';position:absolute;inset:-4px;border-radius:50%;border:1px solid #75879b}.pan-dial i{position:absolute;width:2px;height:11px;background:#26384d;left:13px;top:2px;border-radius:1px}.dock-pan input{position:absolute;left:15%;top:12px;width:70%;height:30px;opacity:0;z-index:2}.dock-pan:focus-within .pan-dial{outline:2px solid #b5d5ff;outline-offset:4px}.dock-pan output{font-size:9px;color:#cbd4df;margin-top:2px}.dock-output-monitor{height:66px;flex:none;display:flex;align-items:center;justify-content:center;gap:3px;color:#b5c3d4;font-size:8px;letter-spacing:.06em}.dock-output-monitor i{height:5px;width:5px;border-radius:50%;background:#91b4da;box-shadow:0 0 3px #83b5f64a!important}
.dock-fader{position:relative;width:70px;height:135px;flex:none;display:flex;justify-content:center;align-items:center;gap:10px;background:repeating-linear-gradient(0deg,transparent 0 10px,#b6bfca2e 10px 11px,transparent 11px 12px);background-size:13px 118px;background-repeat:no-repeat;background-position:19px 6px;margin:0 auto}.dock-scale{width:20px;height:118px;display:flex;flex-direction:column;justify-content:space-between;font-size:7px;color:#cad2de;position:absolute;left:0;top:5px;text-align:right}.dock-fader input.vertical-fader{writing-mode:vertical-lr;direction:rtl;appearance:none;width:7px;height:122px;margin:0 0 0 18px;border-radius:3px!important;background:#222a33!important;border-color:#1d252d}.dock-fader input::-webkit-slider-thumb{width:21px;height:27px;border-radius:3px;background:linear-gradient(#d1d5da,#b1b8c0 45%,#737e8a 48%,#e1e5e9 53%,#a3adb8);border:1px solid #333e4b;box-shadow:inset 0 1px #fff9,0 2px 4px #0008}.dock-fader input::-moz-range-thumb{width:21px;height:27px;border-radius:3px;background:linear-gradient(#d1d5da,#9ca7b2);border:1px solid #333e4b}.dock-meter{height:124px;width:9px;position:relative;background:#232b32;border:1px solid #1a222a;border-radius:2px;overflow:hidden;box-shadow:inset 0 0 2px #000!important}.dock-meter:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(to top,transparent 0 3px,#1c243199 3px 4px);pointer-events:none}.dock-meter i{position:absolute;bottom:0;width:100%;height:0;background:linear-gradient(to top,#76b46d 0%,#9bd37b 70%,#e0c367 88%,#df795b 98%)}.dock-channel>output{background:#343c47;border:1px solid #2a323c;border-radius:3px;font:9px ui-monospace,monospace;padding:3px 4px;margin:3px 0 8px;min-width:51px;text-align:center;color:#dee9f8}.dock-switches{display:flex;gap:5px;height:26px}.dock-switches button{min-height:20px;height:20px;width:23px;font-size:10px;padding:0}.dock-switches .on{background:linear-gradient(#bca85d,#8d7840)!important}.dock-switches .solo.on{background:linear-gradient(#d7c467,#a28b35)!important}.dock-master-bottom{height:26px;font-size:9px;padding-top:4px;color:#c2cfdf}.dock-channel-name{font-size:9px;line-height:20px;width:calc(100% + 14px);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0 4px;background:linear-gradient(color-mix(in srgb,var(--track-color,#61758e) 60%,#37404c),color-mix(in srgb,var(--track-color,#61758e) 45%,#303945));border-top:1px solid #26323f;color:white}.dock-empty{padding:20px 15px}.dock-empty p{line-height:1.6;color:#bac3d0}
.arrangement{background:#23282f!important}.ruler-label{background:linear-gradient(#474e57,#383f48)!important;color:#bec9d7}.ruler,.map-row{background:#303741!important}.ruler{border-bottom:1px solid #1b222a}.map-row>div:first-child{background:#383f48!important;font-size:10px;color:#acb6c5}.map-row{border-color:#202832}.barlabel{color:#b5c1d2!important}.marker-lane button,.tempo-lane button{background:#424c59;border-left-color:#9aaecb;color:#d3deee}.loop-brace{background:linear-gradient(#c5a253,#a57e34)!important;border:1px solid #e1c77c!important;border-radius:2px!important;box-sizing:border-box}.loop-brace i{background:#d8ba72!important;min-width:4px}.loop-brace span{color:#29261e!important;font-weight:600}.audition-brace{background:#6291b540;border-color:#97c3e6;color:#c4e6ff}.playhead{background:transparent!important;box-shadow:none!important}.playhead:before,.playhead:after{background:#e8ecf3!important}
.track-row,.track-head,.lane{height:72px!important;min-height:72px!important}.track-head{padding:6px 7px 5px 43px!important;background:linear-gradient(#565b63,#4b5159)!important;border-left:5px solid var(--track-color)!important;border-bottom:1px solid #6e768012!important;box-shadow:inset 0 1px #ffffff12!important}.track-row.selected .track-head{background:linear-gradient(#727984,#606975)!important;box-shadow:inset 0 1px #ffffff2a!important}.track-title{height:17px;display:flex;gap:6px;align-items:center}.track-title>span:last-child{font-weight:600;color:#f0f2f6;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.track-number{font:9px ui-monospace,monospace!important;color:#d2d8e1!important}.track-badge{position:absolute;left:5px;top:12px;width:31px;height:35px;border:1px solid #333d4a;border-radius:4px;background:linear-gradient(#354456,#263346);color:color-mix(in srgb,var(--track-color) 65%,white);box-shadow:inset 0 1px #ffffff26,0 1px 1px #0005!important}.track-controls{gap:4px;margin-top:3px;min-height:20px}.track-controls button{width:18px;height:18px;min-height:18px;padding:0;font-size:9px;border:1px solid #343c46!important;background:linear-gradient(#696f78,#4f5761)!important;box-shadow:inset 0 1px #ffffff22,0 1px #0003!important}.track-controls button.on{background:linear-gradient(#c1ad64,#8b783f)!important;color:#fff8de!important}.track-controls button.solo.on{background:linear-gradient(#d9c767,#9d892e)!important}.track-controls input{height:4px;min-width:20px;flex:1}.track-controls input::-webkit-slider-thumb{width:11px;height:11px;border-radius:50%;background:linear-gradient(#e0e4e9,#9ba5b1)}.tiny-meter{height:4px!important;width:23px!important;flex:none;background:#252d37}.tiny-meter i{background:#97c989!important}.track-devices{margin-top:3px;gap:3px}.track-devices button{background:linear-gradient(#5b6571,#46525f)!important;border:1px solid #35414e!important;min-height:17px;line-height:12px;font-size:9px;padding:1px 4px;color:#d3e0f0;box-shadow:inset 0 1px #ffffff17!important}.track-devices button:last-child{font-size:11px}.lane{background-color:#242a32!important;background-image:linear-gradient(90deg,#4f5966 1px,transparent 1px),linear-gradient(90deg,#313a45 1px,transparent 1px)}.track-row:nth-child(even) .lane{background-color:#282f38!important}
.clip,.clip.selected,.clip-drag-preview{top:2px;height:67px!important;border-radius:4px!important;background:linear-gradient(color-mix(in srgb,var(--clip-color,var(--track-color)) 80%,#263349),color-mix(in srgb,var(--clip-color,var(--track-color)) 61%,#233045))!important;border:1px solid color-mix(in srgb,var(--clip-color,var(--track-color)) 60%,#1c2738)!important;box-shadow:inset 0 1px #ffffff24,0 1px 1px #0006!important;color:white;overflow:hidden}
.clip.selected{border-color:#e9edf5!important;box-shadow:inset 0 0 0 1px #ffffff38,0 1px 2px #0008!important}.clip-title{background:color-mix(in srgb,var(--clip-color,var(--track-color)) 55%,#edf0fa)!important;color:#15202f!important;font-size:10px!important;font-weight:600;padding:2px 5px;height:17px;line-height:12px;border-bottom:1px solid #10192524}.clip canvas{position:absolute;left:0;right:0;bottom:3px;width:100%;height:42px;filter:none!important;opacity:.93}.clip.selected .clip-title{background:color-mix(in srgb,var(--clip-color,var(--track-color)) 30%,#f2f5ff)!important}.clip-resize{background:transparent}.clip:hover .clip-resize{background:#ffffff10}.empty-lane{color:#9caabb;border:0!important;background:#252c35!important;font-size:11px}
.automation-visible .track-row,.automation-visible .track-head,.automation-visible .lane{height:105px!important;min-height:105px!important}.automation-visible .clip{height:100px!important;opacity:.28}.track-automation{height:96px}.track-auto-controls{margin-top:7px}.track-auto-controls select{color:#ffe0a0!important;background:#4b4b43;border-color:#272d35!important}.track-auto-controls output{color:#e2c99a}.automation-curve{stroke:#f0cb73;stroke-width:1.7}.track-automation circle{fill:#ffe4a2;stroke:#4a4131}
.master-strip{background:linear-gradient(#494f58,#3c444e)!important;border-color:#282f38;min-height:27px;box-shadow:inset 0 1px #ffffff12!important}.master-strip .label{font-size:9px;letter-spacing:.1em}.master-meter{background:#242d38}.master-meter i,.channel-meter i,.track-meter i{background:linear-gradient(90deg,#7cab6d,#b8d987)!important}.master-strip .right{color:#aebaca;font-size:9px}
.editor-tabs{background:linear-gradient(#4f5761,#3e4752)!important;border-bottom:1px solid #272f3a;padding-left:8px;min-height:33px}.editor-tabs button{margin:4px 0;padding:4px 10px;border:0!important;box-shadow:none!important;border-radius:4px!important;color:#c5d1e0}.editor-tabs button.active{background:linear-gradient(#7087a4,#526c8c)!important;color:#fff!important;border:1px solid #384c66!important;box-shadow:inset 0 1px #ffffff25!important}.editor-track-label{color:#b4c2d3}.editorbar{background:#38414d!important;border-color:#222d39;padding:6px 10px}.editor-actions button{background:linear-gradient(#515e6e,#3c4a5a);border-color:#293848!important;box-shadow:inset 0 1px #ffffff1c,0 1px 1px #0003!important}.editorbody,.track-detail,.step-editor,.roll-wrap,.audio-editor{background:#2a333f!important}.channel-strip{background:linear-gradient(90deg,#414a55,#37414e)!important;border-color:#202c3a}.channel-name strong{font-size:11px}.channel-name i{display:inline-block!important;width:5px;height:15px;border-radius:2px}.instrument-slot,.insert-slot{background:linear-gradient(#5f7fa7,#42658f)!important;border-color:#2c435f!important;box-shadow:inset 0 1px #ffffff25!important}.add-insert{background:linear-gradient(#515f70,#3b4c60)!important;border-color:#2b3c50!important}.channel-output select{background:#303e50;color:#ccdaec}
.step{background:#273342!important;border:1px solid #46576c!important;border-radius:2px!important;box-shadow:inset 0 1px #ffffff06!important}.step:nth-child(4n+1){border-left-color:#77879d!important}.step.on{background:linear-gradient(color-mix(in srgb,var(--selected-track-color) 55%,white),var(--selected-track-color))!important;border-color:color-mix(in srgb,var(--selected-track-color) 40%,white)!important;box-shadow:inset 0 1px #ffffff50,0 1px 2px #0006!important}.note{background:linear-gradient(color-mix(in srgb,var(--selected-track-color) 50%,white),var(--selected-track-color))!important;border-color:color-mix(in srgb,var(--selected-track-color) 45%,white)!important}.note.selected,.step.selected{outline-color:#e7efff!important}.piano-roll{background-color:#273240!important}.piano-key{background:linear-gradient(90deg,#d5dbe3,#aeb9c7)!important;color:#283a50!important;border-color:#77899f!important}.piano-key.black{background:linear-gradient(90deg,#263140,#152033)!important;color:#b6c6dc!important}.roll-note-name{color:#a9bad0}
.device,.instrument-panel{background:linear-gradient(#435163,#313e4e)!important;border-color:#61748c!important;box-shadow:0 2px 7px #0005,inset 0 1px #ffffff20!important}.device header{background:linear-gradient(#637893,#465c77)!important;color:#e2ecfb}.dial{background:radial-gradient(circle at 36% 25%,#b2bdcc,#697a90 62%,#43536a)!important;border-color:#25364b!important;box-shadow:inset 0 1px #e7f1ff8a,0 2px 4px #0008!important}.dial i{background:#15253d!important}.eq-curve{stroke:#8ec4f1!important}.eq-point circle{fill:#446487!important;stroke:#b3ddff!important}.device-power{color:#aed5a2!important}.device-description,.instrument-description,.footnote{color:#b0bed0!important}
.session-track-head{background:linear-gradient(#576575,#404f62);border-top:3px solid var(--track-color);color:#e9f0fa}.session-clip{background:linear-gradient(color-mix(in srgb,var(--track-color) 70%,#344053),color-mix(in srgb,var(--track-color) 50%,#25334a))!important;border-color:var(--track-color)!important;color:#f0f4ff;box-shadow:inset 0 1px #ffffff30!important;border-radius:4px!important}.session-clip.playing{border-color:#c7f4ae!important;box-shadow:inset 0 0 0 1px #abdc8c!important}.session-mixer{background:#3a4656}.mixer-channel{background:linear-gradient(90deg,#46515e,#536070 50%,#424e5e)!important;border-color:#283446!important}.mixer-channel.selected{background:linear-gradient(90deg,#56667a,#687b91 50%,#506278)!important}.mixer-channel h3{border-color:var(--track-color)!important}.mixer-channel .channel-meter i{background:linear-gradient(to top,#6baf71,#b6d985 85%,#e4b36b)!important}.mixer-buttons button.on{background:linear-gradient(#c1ad64,#8b783f)!important}
.statusbar{background:linear-gradient(#353e49,#2c3541)!important;border-color:#1a2533!important;color:#b4c1d1}.statusbar button{box-shadow:none!important;background:transparent;border:0}.panel-divider:after{background:#a8bfdc!important}.modal,.workspace-dialog,.studio-menu{background:linear-gradient(#465263,#313e50)!important;border-color:#73869d!important;box-shadow:0 12px 35px #0009,inset 0 1px #ffffff20!important}.modal p,.workspace-dialog p{color:#c1cbd9}.studio-menu button{box-shadow:none!important}.studio-menu button:hover{background:#617c9d}.sound-card,.factory-controls,.sound-presets{background:#354357!important;border-color:#52657d!important;border-radius:5px!important}.sound-icon,.device-glyph{color:#b1c8e5}
.chooser{background:linear-gradient(145deg,#414f61,#263344)!important;border-color:#72849b;box-shadow:0 20px 80px #0009!important}.chooser>header{background:linear-gradient(#68788d,#4d5f76);border-color:#26374f}.chooser-body>nav{background:#2e3e53}.chooser-grid button{background:linear-gradient(145deg,#495d76,#34475f);border-color:#5b7595!important;box-shadow:inset 0 1px #ffffff1c,0 2px 4px #0004!important}.chooser-grid button:hover{background:linear-gradient(145deg,#5b7493,#3e5879)}.chooser-grid button.selected{background:linear-gradient(145deg,#6585ac,#42648d)!important}.chooser-intro p{color:#b9c9dc}.template-thumbnail{box-shadow:inset 0 1px #ffffff20!important}
@media(max-width:1100px){#track-analysis-summary{min-width:210px!important;width:210px}.analysis-summary-title{font-size:8px!important}.clock{min-width:108px;font-size:15px!important}.pinned-transport{gap:8px;padding-left:8px;padding-right:8px}.viewoptions{gap:5px}.viewtabs button{padding:4px 7px}.editor-tabs button{padding:4px 7px}}
@media(max-width:800px){.browser{width:238px!important;z-index:50;box-shadow:4px 0 20px #0009!important}.dock-tabs{min-height:39px}.topbar{height:41px!important}#track-analysis-summary{min-width:180px!important;width:180px;margin:5px}.studio-rail{min-height:61px}.clock{min-width:90px;font-size:12px!important;padding:8px 6px!important}.transport-buttons button{min-width:28px;width:28px;height:30px}.pinned-transport{gap:5px;padding:8px 5px}.viewtabs button{padding:4px 5px}.dock-channels{padding-bottom:18px}.viewoptions{gap:4px}.track-head{padding-left:39px!important}.track-badge{width:28px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

@media(max-height:800px){.dock-region{padding:8px 11px}.dock-section-title{margin-bottom:5px}.dock-region-data{margin-top:6px;row-gap:3px}.dock-region-actions{margin-top:7px}.dock-track-heading{padding-top:7px}.dock-palette{padding-top:5px;padding-bottom:8px}.dock-channel-top{height:153px;gap:4px}.dock-inserts{max-height:55px}.dock-pan,.dock-output-monitor{height:57px}.dock-fader{height:105px;background-size:13px 90px}.dock-fader input.vertical-fader,.dock-meter{height:94px}.dock-scale{height:88px}.dock-channel>output{margin-bottom:5px}}