/* CHAYAH Studio 0.8 — Edit / Mix workspace */
:root{--bg:#22242b;--panel:#2d3039;--panel2:#353944;--line:#444954;--muted:#a1a8b8;--text:#e1e5ee;--accent:#b6a5ef;--sage:#90cbae;--track-label:224px;--detail-height:300px;color-scheme:dark;font-family:"Segoe UI",Arial,sans-serif;font-size:12px}
body{min-height:540px;background:#22242b;letter-spacing:0}
button,input,select{font-size:12px}button{transition:background .1s,color .1s}button:focus-visible,a:focus-visible{outline:2px solid #c4b4ff;outline-offset:-2px}button:hover{color:#fff}
input[type=range]{accent-color:#b6a5ef}select{background:#262a33;border:1px solid #555c6b;border-radius:3px;color:#e1e5ee;padding:5px 7px}kbd{color:#c4cad6}
.topbar{height:42px;background:#30333c;border-color:#17191f;padding:0 14px;gap:16px;box-shadow:0 1px 0 #454a56 inset}
.brand{min-width:160px;font-size:12px;letter-spacing:2px;gap:8px;color:#eeeafc}.brandmark{height:21px;gap:2px}.brandmark b{width:3px;background:#b6a5ef}.brandmark b:nth-child(2){height:21px}.brandmark b:nth-child(3){height:17px}.brand-sub{display:inline;font-size:9px;letter-spacing:1px;margin:0 0 0 5px;color:#aab0be}.version{font:9px Consolas,monospace;color:#b9aecf;border-color:#636072;border-radius:3px;padding:2px 3px}.project-heading{padding-left:15px;gap:10px}.project-heading input{width:160px;font-size:12px}.save-status{font-size:10px;color:#b0b7c3}.top-actions{gap:3px}.top-actions .text-btn{font-size:11px;padding:6px 9px}.icon-btn,.text-btn{color:#c3c9d4;border-radius:3px}.icon-btn:hover,.text-btn:hover{background:#454b59;color:#fff}.top-actions .icon-btn{width:27px;height:28px}.top-actions .separator{margin:0 5px;background:#4a4f5d}.top-actions #openMastering{color:#cfc2ec}
.transport{height:76px;padding:0 16px;gap:0;background:linear-gradient(#3b3f49,#30343f);border-top:1px solid #4f5561;border-bottom:1px solid #11141a;box-shadow:0 -1px 0 #484e5b inset}.transport-buttons{gap:3px}.transport .icon-btn,.record-btn{width:30px;height:32px;border:1px solid #515968;background:linear-gradient(#4a505d,#383d48);box-shadow:0 1px 0 #ffffff08 inset;color:#d8dde5}.transport .icon-btn.active{border-color:#a99bd6;background:#64597f;color:#f0e7ff}.play-btn{width:39px;height:33px;margin:0 3px;border:1px solid #536f63;border-radius:3px;background:linear-gradient(#a5d5ba,#70aa8b);box-shadow:0 1px 0 #d3f4df inset;color:#1e332b}.play-btn:hover{background:#a4d9b9;color:#12251b}.record-btn span{background:#ee7d89;width:11px;height:11px;box-shadow:0 0 0 2px #ee7d8915}.time-display{margin-left:20px;min-width:177px;border:1px solid #11161c;border-radius:4px;background:#171c24;padding:8px 12px;box-shadow:0 1px 0 #555c68;position:relative}.time-display:before{content:'BARS · BEATS';display:block;color:#9ca8be;font:8px Consolas,monospace;letter-spacing:1.5px;margin-bottom:3px}.time-display strong{font:24px Consolas,monospace;letter-spacing:2px;color:#dcf5db}.time-display strong span{color:#7c8a9e}.time-display small{font-size:10px;letter-spacing:1px;color:#afbfcc;position:absolute;right:12px;top:7px}.transport .separator.tall{height:40px;margin:0 19px;background:#555c69}.tempo-control{gap:3px}.tempo-control input{font:21px Consolas,monospace;color:#e4e9f2}.tempo-control>span,.signature>span{font-size:9px;letter-spacing:1px;color:#aab3c4}.signature{margin-left:22px;gap:6px}.signature strong{font:13px Consolas,monospace;color:#e3e7f0}.key-signature{margin-left:23px}.key-signature span{font-size:8px}.transport-options{gap:5px;margin-left:22px}.master-output{width:118px;padding-right:18px}.output-label{font-size:9px;color:#b6bfcd;letter-spacing:.7px}.master-meter{height:9px;border:1px solid #0e1716;background:#17231d;border-radius:1px}.master-meter span{background:linear-gradient(90deg,#55a879,#b9e382 80%,#e8c373 95%,#ea7f79)}.export-btn{background:#5a5073;border:1px solid #9a8abb;color:#f4ebff;border-radius:3px;padding:10px 13px;font-size:11px}.export-btn:hover{background:#71628e}.export-btn span{color:#c9b8e5;background:#382d4e;font-size:8px}
.studio-body{height:calc(100dvh - 118px);min-height:422px}.workspace-main{min-height:0}.workspace-status{height:24px;min-height:24px;background:#292d35;border-color:#474c58;color:#aab4c3;padding:0 12px;font-size:10px}.workspace-status .engine-label{font:9px Consolas,monospace;color:#aba1c9}
.library{display:flex;width:176px;min-width:176px;padding:0;background:#2d3039;border-color:#171b22;overflow:hidden;position:relative}
.library>:not(.session-sidebar){display:none}.session-sidebar{display:flex;flex-direction:column;min-height:0;flex:1}.sidebar-tabs{height:36px;min-height:36px;display:flex;border-bottom:1px solid #171b23;background:#393e49;padding:0 8px;gap:3px}.sidebar-tabs button{font-size:10px;letter-spacing:1px;flex:1;color:#aab3c3;border-bottom:2px solid transparent}.sidebar-tabs button.selected{color:#eee5ff;border-color:#b8a5e9;background:#ffffff04}.sidebar-tabs button:hover{background:#4c5262}.session-track-list{padding:8px 5px;max-height:43%;overflow:auto;flex-shrink:0}.session-track-list button{width:100%;display:flex;align-items:center;gap:7px;padding:7px 6px;height:31px;border:1px solid transparent;border-radius:2px;color:#c6cdd9;text-align:left}.session-track-list button small{font:9px Consolas,monospace;color:#8f9aad;width:13px}.session-track-list button i,.session-clip-list button i{width:5px;height:12px;background:var(--track-color);display:block;flex-shrink:0;border-radius:1px}.session-track-list button span{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px;font-weight:600}.session-track-list button b{font:8px Consolas,monospace;color:#929db1}.session-track-list button.selected{border-color:#8d7bb8;background:#63557e66;color:#f6f0ff}.session-track-list button.selected small{color:#d1c6ef}.sidebar-section-heading{display:flex;justify-content:space-between;padding:10px 9px;border-block:1px solid #474d59;font-size:8px;letter-spacing:.6px;color:#aeb7c8;background:#343944}.sidebar-section-heading span{font:10px Consolas,monospace;color:#d7c9f4}.session-clip-list{padding:6px 5px;overflow:auto;flex:1;min-height:50px}.session-clip-list button{width:100%;display:flex;align-items:center;gap:7px;padding:5px 6px;text-align:left;color:#b9c2d0;font-size:10px}.session-clip-list button i{width:4px;height:8px}.session-clip-list button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.session-clip-list button.selected{background:#4d465f;color:#e9dcff}.session-sidebar button:hover{background:#464c59}.sidebar-session-info{padding:15px 10px;border-top:1px solid #484e5a;background:#272b34;display:flex;flex-direction:column;gap:6px}.sidebar-session-info>span{font-size:8px;letter-spacing:1.2px;color:#b7a7d7}.sidebar-session-info strong{font-size:10px;font-weight:500;color:#d3d9e6}.sidebar-session-info small{font-size:9px;color:#8f9bb0}
.library.sounds-open{overflow:auto;padding:0 10px 12px}.library.sounds-open>:not(.session-sidebar){display:flex}.library.sounds-open>.library-section{display:block}.library.sounds-open .session-sidebar{display:contents}.library.sounds-open .session-sidebar>:not(.sidebar-tabs){display:none}.library.sounds-open .sidebar-tabs{margin:0 -10px 10px;position:sticky;top:0;z-index:1;flex-shrink:0}.library.sounds-open #showTrackList{border-color:transparent;color:#b3bbcb;background:none}.library.sounds-open #showSoundList{border-color:#b8a5e9;color:#eee5ff;background:#ffffff04}.library.sounds-open .library-top{padding:7px 0}.library.sounds-open .library-bottom{display:none}.library .eyebrow,.library .section-label{color:#a3adc0;font-size:9px}.library .section-label span{color:#c0b0db}.library-item strong{font-size:11px;color:#e2e6ef}.library-item small{font-size:9px;color:#a7b1c3}.library-item{padding:7px 1px;gap:7px}.library-item:hover,.fx-library-item:hover,.samples button:hover{background:#454b59}.preset-icon{width:26px;height:26px}.fx-library-item{color:#d1d8e4;font-size:11px;padding:7px 3px}.fx-library-item small{font-size:8px;color:#9eaabd}.search-box{background:#222731;border-color:#50586a;min-height:29px}.search-box input{color:#e1e7f0;font-size:10px}.library .import-card{margin:14px 0 0;padding:12px 8px;border:1px dashed #6d6384;background:#40384944;gap:7px;min-height:90px}.import-card strong{font-size:11px;color:#d9caef}.import-card span,.import-card small{font-size:9px;color:#aeb7c8}.samples .sample-row button{color:#c1cbd9;font-size:10px}
.arrangement{background:#20242c;min-height:170px}.workspace-toolbar{height:37px;min-height:37px;padding:0 10px;background:linear-gradient(#414752,#353b47);border-bottom:1px solid #171c24;gap:10px}.view-tabs{gap:0;height:100%;align-items:center}.view-tab{height:28px;font-size:11px;padding:0 12px;border:1px solid transparent;border-radius:3px;gap:6px;color:#b1bdcf;letter-spacing:0}.view-tab.selected{background:#60537c;border-color:#8f7cb1;color:#f0e7ff}.view-tab.selected:after{display:none}.view-tab:hover{background:#4b5261}.view-tab svg{width:14px;height:14px}.arrangement-actions{gap:8px}.arrangement-actions>.text-btn{font-size:11px;border:1px solid #636b7b;border-radius:3px;padding:4px 8px;background:#474f5d;color:#e2e7f0}.arrangement-actions .bars-control{display:block}.bars-control select{font-size:10px;padding:4px;background:#2b313e;border-color:#626b7d}.timeline-zoom{border:1px solid #586173;background:#2a303c;border-radius:3px;min-height:25px}.timeline-zoom button{height:23px;width:23px;font-size:13px;color:#d2dbe8}.timeline-zoom span{font:10px Consolas,monospace;min-width:37px;color:#b8c3d4}.timeline-zoom .zoom-fit{font-size:8px!important;width:28px!important;color:#d2c5ee!important;border-color:#535d70}.icon-btn.active{border-color:#9280b1;background:#5b4e72;color:#eadbff}.workspace-toolbar #toggleInspector{height:26px;width:28px}
.studio-editbar{height:42px;min-height:42px;display:flex;align-items:center;gap:12px;padding:0 10px;background:#383e4a;border-bottom:1px solid #1b2029}.edit-modes{display:flex;gap:1px;border:1px solid #1d222c;background:#1d222c;border-radius:3px;overflow:hidden;flex-shrink:0}.edit-modes button{height:26px;font:9px Consolas,monospace;letter-spacing:.5px;padding:0 8px;background:#303846;color:#aab7cb}.edit-modes button.active{background:#655681;color:#edddff;box-shadow:inset 0 0 0 1px #9880bf}.edit-tools{display:flex;gap:1px;background:#202631;border:1px solid #202631;border-radius:3px;overflow:hidden}.edit-tools button{height:26px;font-size:10px;color:#bec9db;background:#424b59;padding:0 10px;min-width:0}.edit-tools button:hover{background:#596477}.edit-tools button.active{background:linear-gradient(#7c6c97,#615075);color:#fff;box-shadow:inset 0 0 0 1px #a18dbb}.edit-grid-label{display:flex;align-items:center;gap:6px;font-size:10px;color:#b8c1d1;white-space:nowrap}.edit-grid-label select{height:26px;padding:3px 4px;font:10px Consolas,monospace;background:#242b37}.nudge-controls{display:flex;align-items:center;gap:5px}.nudge-controls button{width:22px;height:24px;border:1px solid #687185;border-radius:2px;background:#47515f;color:#d2dbeb;font-size:14px}.nudge-controls span{font:8px Consolas,monospace;color:#aab8ce}.edit-split{margin-left:auto;color:#d1c6e9;font-size:10px;white-space:nowrap;padding:5px 8px;border:1px solid #6c637e;border-radius:3px;background:#484052}.edit-selection-bar{height:29px;min-height:29px;display:flex;align-items:center;gap:18px;padding:0 12px;background:#2d333e;border-bottom:1px solid #141a22;font:9px Consolas,monospace;color:#9cabc2}.edit-window-name{font-size:8px;letter-spacing:1px;color:#b9abcf;white-space:nowrap}.edit-selection-bar>#editClipName{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d2dbe8;min-width:40px;font-size:10px}.edit-selection-bar label{white-space:nowrap;color:#96a6bf;font-size:8px}.edit-selection-bar output{font-size:10px;color:#d6e6d3;margin-left:5px}.edit-selection-bar label:last-child output{color:#d1c2ea}
.timeline-scroll{scrollbar-width:thin;scrollbar-color:#697286 #252c38}.ruler-row{height:31px;background:#38414f;border-bottom:1px solid #1b2532}.ruler-label{background:#343c4a;color:#adbcd2;font-size:9px;border-right:1px solid #1b2330;padding:9px 12px}.ruler-label #trackCount{color:#c4b3e3;font:10px Consolas,monospace}.ruler{background:#303a49}.ruler-bar{color:#c2d1e6;font:10px Consolas,monospace;padding:7px 0 0 7px;border-color:#64718a;background-image:linear-gradient(90deg,#56657f66 1px,transparent 1px);background-size:25% 100%}.loop-label{font-size:8px;letter-spacing:1px;color:#b7b1dd;background:#5e557644;padding:2px 5px}.section-row{height:23px;top:31px;background:#2f3544;border-bottom:1px solid #1a212e}.section-row-label{padding:6px 12px;font-size:8px;letter-spacing:1px;background:#333b49;border-right:1px solid #1a2230;color:#a9b7cd}.song-sections button{font-size:9px;letter-spacing:.3px;border-color:#867399;background:#71617d55;color:#d8cae9;padding-left:8px}.song-sections button:nth-child(even){background:#5c668255;color:#c4d3f0}.song-sections button:hover{background:#8b73ad66;color:#fff}
.track-row{height:66px;border-bottom:1px solid #141c27}.track-head{background:#394250;border-right:1px solid #111c2c;border-left:4px solid var(--track-color);padding:0 12px 15px 7px;gap:7px;position:sticky}.track-row:nth-child(even) .track-head{background:#353e4c}.track-row.selected .track-head{background:#57516b;border-left-color:var(--track-color)}.track-select{gap:7px;min-width:0;flex:1;text-align:left}.track-icon{width:24px;height:24px;min-width:24px;border:1px solid #ffffff1a;border-radius:3px;background:#17233244;color:var(--track-color)}.track-icon svg{width:15px;height:15px}.track-title{font-size:11px;letter-spacing:0;font-weight:600;color:#e4eaf4}.track-subtitle{font-size:9px;color:#a6b5cc}.track-controls{display:flex;gap:3px}.track-controls button{width:23px;height:22px;font:10px Consolas,monospace;color:#b7c6da;background:#263142;border:1px solid #61708a;border-radius:2px}.track-controls button.on{background:#b9a06c;color:#191d24;border-color:#d8bd82}.track-controls button:last-child.on{background:#d5c27d;color:#242516}.track-strip-meta{position:absolute;left:39px;right:17px;bottom:6px;display:flex;align-items:center;justify-content:space-between;color:#99abc5;font:8px Consolas,monospace}.track-strip-meta span:first-child{color:var(--track-color)}.track-mini-meter{position:absolute;right:3px;width:4px;top:6px;bottom:6px;background:#182b23}.track-mini-meter span{position:absolute;bottom:0;height:0;width:100%;background:linear-gradient(to top,#5eb78b,#c4df86 88%,#eca577)}
.track-lane{background-color:#252f40;background-image:linear-gradient(90deg,#8192b13a 1px,transparent 1px),linear-gradient(90deg,#7b8eac17 1px,transparent 1px);background-size:calc(100% / var(--bars)) 100%,calc(100% / var(--bars) / 4) 100%;cursor:default}.track-row:nth-child(even) .track-lane{background-color:#293446}.track-row.selected .track-lane{background-color:#37374d}.clip{top:5px;height:55px;border-radius:2px;background:color-mix(in srgb,var(--track-color) 46%,#253246);border:1px solid color-mix(in srgb,var(--track-color) 85%,#7c8b9e);box-shadow:0 1px 1px #0d142544;min-width:4px}.clip-name{height:17px;font-size:9px;color:#f0eff6;letter-spacing:0;padding:3px 6px;background:#1421303b;line-height:11px}.clip canvas{top:21px;height:29px;opacity:.85}.clip.selected{border:1px solid #e2c9ff;box-shadow:inset 0 0 0 1px #e2c9ff;outline:none;background:color-mix(in srgb,var(--track-color) 52%,#44415c)}.clip.selected .clip-name{background:#63577d;color:#fff}.clip-trim-left,.clip-resize{position:absolute;top:0;bottom:0;width:9px;background:none;z-index:2;cursor:ew-resize}.clip-trim-left{left:0}.clip-resize{right:0}.clip-trim-left:hover,.clip-resize:hover{background:#f3e6ff33}.clip-trim-left:after,.clip-resize:after{content:'';height:13px;position:absolute;top:22px;width:2px;background:#edf0f388;opacity:0}.clip-trim-left:after{left:3px}.clip-resize:after{right:3px}.clip:hover .clip-resize:after,.clip:hover .clip-trim-left:after{opacity:1}.playhead{top:53px;background:#ecb5bc;box-shadow:none}.playhead>span{background:#ecb5bc;border-color:#ecb5bc}.empty-track-hint{font-size:10px;color:#7388a7}.empty-track-hint svg{width:13px}.timeline-empty{font-size:10px;color:#8093ae;background:#232c3a;border-color:#404f65;height:50px}.timeline-empty svg{width:15px}.shortcut-hint{font-size:9px;color:#8493ad}#trackRows[data-tool=split] .clip{cursor:crosshair}#trackRows[data-tool=trim] .clip{cursor:ew-resize}#trackRows[data-tool=move] .clip{cursor:grab}
.track-inspector{width:200px;min-width:200px;padding:13px 11px;background:#303642;border-color:#141e2b;scrollbar-width:thin;scrollbar-color:#6d7587 #2c3340}.inspector-heading{font-size:8px;letter-spacing:.7px;color:#aebcd3;padding-bottom:11px;border-color:#586174}.inspector-heading span:last-child{color:var(--track-color)}.track-inspector h3{font-size:16px;color:#eee4ff;font-weight:600;letter-spacing:0;margin:12px 0 7px}.inspector-route{font:9px Consolas,monospace;color:#99abc4;margin:0 0 14px}.inspector-volume{border-color:#535d71;padding:12px 0}.inspector-volume label{font-size:9px;color:#a9b9d1}.inspector-volume strong{font:11px Consolas,monospace;color:#d5e3d0}.inspector-pan-label{color:#9eb0c9;font-size:8px}.mixer-buttons{gap:5px}.mixer-buttons button{font:11px Consolas,monospace;color:#b9c6da;border:1px solid #6b7790;background:#343e4f;border-radius:2px;padding:5px}.mixer-buttons button.on{background:#c6b371;border-color:#e2d18d;color:#242818}.inspector-section-label{font-size:8px;letter-spacing:1px;color:#acbcd5;margin:15px 0 8px}.inspector-effects{gap:4px}.inspector-effects>div{min-height:29px;border-color:#5c687e;background:#263142;border-radius:3px}.inspector-effects>div:hover{background:#45425b;border-color:#ae97d2}.inspector-effects strong{font:10px Consolas,monospace;color:#d6c9ec;letter-spacing:.5px}.inspector-effects small{font-size:7px;color:#97abc8}.inspector-power{width:25px!important;color:#697b94}.inspector-power.on{color:#d1c2ec;background:#443d58}.inspector-settings{font-size:10px;border-color:#66617a;color:#c3b4db}.inspector-sends{gap:18px}.inspector-sends .param>label{color:#bcc6da;font-size:9px}.inspector-sends .param-value{color:#c4b4de;font-size:10px}
.detail-panel{height:var(--detail-height);min-height:var(--detail-height);background:#303541;border-color:#69768b;position:relative}.detail-collapsed .detail-panel{height:36px;min-height:36px}.detail-collapsed .detail-panel>#editorContent,.detail-collapsed .detail-panel>#pluginsContent,.detail-collapsed .detail-panel>#tuneContent{display:none!important}.detail-resize{height:5px;position:absolute;left:0;right:0;top:-3px;cursor:ns-resize;z-index:9;touch-action:none}.detail-resize:hover{background:#a48dc2}.detail-toolbar{height:36px;min-height:36px;background:#353d4b;border-color:#5a677d;padding:0 12px}.detail-tabs{gap:17px}.detail-tab{font-size:10px;color:#a9bad2}.detail-tab.selected{color:#e4d8f4;border-color:#c0a6e5}.detail-tab span{color:#bdacd6;border-color:#655a77;font-size:8px}.selection-label{font-size:10px;color:#d0d8e7}.detail-actions{gap:3px}.detail-actions .icon-btn{color:#bcc9dd}.detail-actions #toggleDetail{font-size:18px;color:#d4baf3;width:27px}.editor-content{background:#293341}.editor-header{background:#333e50;color:#c5d3e7;border-color:#526079}.editor-caption b{font-size:11px;color:#e1e8f4}.editor-caption span{font-size:9px;color:#a4b6d0}.editor-mini-controls{color:#b8c8df}.drum-voice{color:#c7d4e7;font-size:11px}.drum-row{border-color:#404f65}.step{background:#3c4860;border-color:#5b6b87}.step.on{background:var(--track-color);border-color:#ffffff55}.step:nth-child(4n+1){border-left-color:#9babca}.step-numbers{color:#b2c1d9}.piano-key{color:#b9c8df}.piano-grid .note-cell{border-color:#52617b;background:#364358}.piano-grid .note-cell.dark{background:#2e394b}.piano-grid .note-cell.on{background:var(--track-color)}.audio-editor-info strong{color:#e0e8f4}.audio-editor-info small{color:#adbed7}.clip-level-controls{color:#c3d0e5}.empty-editor{color:#c0cde0}.empty-editor p{color:#9fb0c9}
.plugins-content{background:#252c38;padding:13px;gap:10px}.plugin-card{background:linear-gradient(#394356,#2b3342);border-color:#5c6a83;border-radius:4px;min-width:200px;padding:15px}.plugin-card.instrument-card{background:linear-gradient(#49415c,#302c3f);border-color:#8c77a5}.plugin-brand{color:#9aacc7;font-size:8px;letter-spacing:1px}.plugin-heading h3{color:#d7c4ed;font-size:23px;letter-spacing:1.5px}.plugin-subtitle{font-size:9px;color:#a9bdd7}.plugin-bottom{color:#8b9cb5;font-size:8px;border-color:#4c5d77}.plugin-card.bypassed{opacity:.52}.plugin-title{font-size:inherit}.plugin-params .param label{font-size:10px;color:#c3cee0}.plugin-params .param-value{font-size:10px;color:#b8c7df}.knob{background:conic-gradient(from 220deg,#a994d0 var(--angle),#263245 0);box-shadow:none}.knob:before{background:linear-gradient(#626b7e,#3a4252);border:1px solid #8790a2}.knob:after{background:#e5d5ff}.param>label{color:#b8c7df}.param-value{color:#d2c3ea}
.mixer-view{padding:12px 14px;gap:0;background:#222a37;align-items:stretch;overflow:auto}.mixer-channel{min-width:120px;max-width:146px;flex:1;background:linear-gradient(90deg,#353e4d,#3c4657 45%,#323c4c);border:1px solid #1a2434;border-top:3px solid var(--track-color);border-radius:0;padding:9px 10px 0;gap:8px;min-height:540px;box-shadow:1px 0 0 #617086 inset}.mixer-channel.selected{background:linear-gradient(90deg,#49445c,#544d69 45%,#403c52);border-top-color:var(--track-color)}.channel-top{display:flex;align-items:center;justify-content:space-between;font:8px Consolas,monospace;color:#a6b5ce;letter-spacing:.5px;height:11px}.channel-name{font-size:11px;font-weight:600;letter-spacing:0;color:#e2e8f3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;height:23px;min-height:23px;border-radius:2px;background:#202b3c;border:1px solid #536480;padding:4px 3px;flex-shrink:0}.channel-inserts{height:177px;min-height:177px;overflow:auto;display:flex;flex-direction:column;gap:3px;padding:4px 0 8px;scrollbar-width:thin}.strip-label{font-size:8px;letter-spacing:1px;color:#93a9c7;padding:2px 0 4px}.channel-inserts button,.channel-inserts select{min-height:21px;max-height:21px;width:100%;font:10px Consolas,monospace;color:#d1c4eb;background:linear-gradient(#49526a,#3c435b);border:1px solid #7b7694;border-radius:2px;text-align:center;padding:2px 4px}.channel-inserts select{background:#263247;border:1px dashed #657798;color:#9caccc;font-size:9px}.channel-inserts button:hover{background:#71617f;color:#fff}.channel-routing{font:8px Consolas,monospace;color:#b6c8e1;border:1px solid #526481;border-radius:2px;background:#283549;text-align:center;padding:5px 1px}.channel-routing span{color:#7f95b6;font-size:7px}.pan-control{padding:0 3px}.pan-control label{font-size:9px;color:#9eb5d5}.pan-control input{height:4px}.mixer-fader{position:relative;min-height:150px;padding:8px 0;gap:16px;flex:1}.mixer-fader input{height:100%;min-height:135px;width:20px;accent-color:#c7cbd9;appearance:auto;writing-mode:vertical-lr;direction:rtl;background:none;cursor:ns-resize}.fader-scale{position:absolute;top:5px;bottom:5px;left:0;display:flex;flex-direction:column;justify-content:space-between;font:8px Consolas,monospace;color:#9db0cc;pointer-events:none}.channel-meter{min-height:135px;width:9px;background:repeating-linear-gradient(0deg,#1a2b29 0 2px,#14201d 2px 4px);border:1px solid #172620}.channel-meter>span{background:linear-gradient(to top,#50ad83,#b9df7f 85%,#e5bc71 96%,#e7807e)}.fader-db{font:11px Consolas,monospace;color:#d6e7d0;background:#202b3b;border:1px solid #556683;border-radius:2px;text-align:center;padding:5px 0;height:25px}.channel-footer{min-height:26px;height:26px;margin:0 -10px;background:color-mix(in srgb,var(--track-color,#a58bd0) 24%,#2c3749);border-top:2px solid var(--track-color,#b29ad5);font:9px Consolas,monospace;color:#e2e7f0;padding:6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mixer-master{position:sticky;right:-14px;min-width:125px;background:linear-gradient(90deg,#514961,#464051);border-color:#86749f;border-top-color:#baa1e3;box-shadow:-5px 0 15px #11192755}.mixer-master .channel-name{color:#ebddff;background:#3c334e}.master-strip-caption{height:80px;font:9px Consolas,monospace;display:grid;place-items:center;color:#a997c7;letter-spacing:1px}
body[data-studio-view=mixer] .detail-panel{display:none}body[data-studio-view=mixer] .track-inspector{display:none}
.floating-plugin{background:#2b3343;border-color:#9b87b6;box-shadow:0 18px 65px #060a1677;border-radius:5px}.floating-plugin-header{background:linear-gradient(#5a526c,#40394f);border-color:#89769d;min-height:46px}.floating-plugin-header h2{font-size:17px;letter-spacing:1px;color:#eee1ff}.floating-plugin-header .eyebrow{font-size:8px;color:#bba9d4}.floating-plugin-body{background:#2b3343}.suite-catalog{background:#262e3d;border-color:#586983}.suite-mark strong{color:#e3d0fc}.suite-mark small,.suite-section-title,.suite-edition{color:#97abc9}.suite-module{color:#c4d1e6}.suite-module small{color:#94abc9}.suite-module.chosen{background:#554761;color:#f0e3ff;border-color:#a184bc}.suite-preset-bar{background:#333d50;border-color:#5c6982}.suite-preset-bar label{font-size:9px;color:#a6bddc}.suite-preset-bar select{font-size:12px;color:#e2ddf3;background:#263044;border-color:#7a7591}.suite-processor{background:#30394b}.plugin-window-meta{color:#9eb8db;border-color:#596a87}.plugin-window-meta>strong{font-size:11px;color:#d0ddf1}.plugin-window-params .param>label{font-size:11px;color:#c5d6ed}.plugin-window-params .param-value{font-size:12px;color:#d8c6ed}.plugin-window-footer,.plugin-mouse-guide{color:#a2b7d6;font-size:10px;border-color:#536582}.suite-rack-actions{border-color:#526582;color:#9bb0d0}.outline-btn{border-color:#786d8c;color:#d6c9e9;background:#37324633}.outline-btn:hover{background:#605173;color:#f5eaff}.suite-rack-actions button{font-size:11px}.plugin-window-footer button{font-size:11px}.suite-catalog .suite-module{font-size:11px}
.content-browser{background:#252e3e}.bank-heading{background:#303a4d;border-color:#53647f;padding:20px 24px}.bank-heading .eyebrow{color:#b7a3d4;font-size:9px}.bank-heading h2{font-size:24px;color:#e4e5f3}.bank-heading p{font-size:11px;color:#a5bad8}.bank-tabs{background:#303a4c;border-color:#52637d;gap:24px}.bank-tabs button{font-size:12px;color:#9fb5d5}.bank-tabs button.selected{color:#e1cafa}.bank-tabs button.selected:after{background:#bca0df}.bank-tabs button>span{font-size:10px;color:#9a8db6}.bank-filters{background:#283246}.bank-search,.bank-filters>select{background:#1f293a;border-color:#5f7293;color:#c7d6ea}.bank-search input{font-size:12px}.bank-filters>span{font-size:10px;color:#a1b5d2}.content-cards{padding:12px 20px 24px;gap:12px}.content-card,.content-card:hover{background:linear-gradient(130deg,#3d465d,#30394c);border-color:#596d8c;border-radius:4px;padding:16px;min-height:198px}.content-card:hover{border-color:#af94cd}.content-card h3{font-size:17px;color:#e7e3f3}.content-card p{font-size:9px;color:#a5bbd9}.content-card-type{font-size:8px;color:#b8a0d8}.content-card-type>span{font-size:9px;color:#95add0}.content-card-actions .outline-btn,.content-add{font-size:11px;padding:6px 8px;color:#dfc7f2;background:#56466455;border-color:#9c7eb6}.content-card-actions>small{font-size:9px;color:#a7bbd9}.session-card p{font-size:11px;color:#adc2df}.session-summary{font-size:10px;color:#acbfdb}.session-sections-preview>span{background:#75628744;border-color:#b59ed3;color:#cfbee5;font-size:7px}.effect-pack{background:#313b4e;border-color:#65738e}.effect-pack-heading h3{color:#e7e1f3}.effect-pack>p,.pack-module>p{color:#b0c3df;font-size:12px}.pack-module{background:#263246;border-color:#62738f}.pack-module select{font-size:12px;background:#202a3b}.pack-target{font-size:11px;color:#a8bfdc}
.mastering-view{background:#283141}.mastering-heading h2{color:#e1d6ed}.mastering-heading .eyebrow,.mastering-heading p{color:#b8a5cf}.mastering-tools{border-color:#5c687e}.mastering-tools>label{font-size:9px;color:#a5b7d1}.mastering-tools>span{font-size:11px;color:#a6bfdc}.master-meter-panel{background:#212c3b;border-color:#62718c}.master-number>span{font-size:8px;color:#a1b6d1}.master-number>strong{color:#d5e9c8}.master-module{background:linear-gradient(#42465a,#30394b);border-color:#8a789c}.master-module>p{color:#b1c2db;font-size:11px}.master-module>small{font-size:9px;color:#bba3cb}.master-module h3{color:#e6cff6}.master-module-foot{color:#a2b8d3;border-color:#62728d}.master-module-params .param>label{font-size:10px;color:#b5c9e2}.master-module-params .param-value{font-size:11px;color:#d5c1e8}.mastering-bottom{font-size:10px;color:#b4c3da}
.tune-content{background:#293143}.tune-analysis,.tune-controls{border-color:#63718d}.tune-key-controls label,.tune-caption,.tune-legend{color:#b7c5dd;font-size:10px}.tune-source strong{color:#e3dcf2}.tune-identity p{color:#c2b2db}.tune-controls select{color:#e0daef;background:#30344b;border-color:#74668e}.tune-empty{color:#b8c4db}
dialog{background:#303747;border:1px solid #9883b2;color:#dce3f0;border-radius:5px;box-shadow:0 20px 90px #08112388}.modal-heading{border-color:#66748c}.modal-heading h2{font-size:23px;color:#e7dcf5}.modal-body-copy,.modal-note,.help-grid p{color:#b8c8df;font-size:12px;line-height:1.7}.help-grid strong{font-size:13px;color:#d7c6ed}.settings-form label{font-size:11px;color:#b6cae5}.settings-form input{background:#232d3e;color:#e0e7f4;border-color:#6a7c9b}.primary-btn{background:#9e87bf;color:#1e182b;border:1px solid #c2a6df;border-radius:3px}.primary-btn:hover{background:#c6a7e5}.toast{background:#41384f;color:#efe2ff;border:1px solid #a88cbf;font-size:12px}.startup-error{background:#393145;border-color:#a38bb8;color:#e5dbf2}
@media(min-width:1600px){.library{width:190px;min-width:190px}.track-inspector{width:220px;min-width:220px}.track-row{height:72px}.clip{height:61px}.clip canvas{height:35px}.mixer-channel{max-width:160px}.studio-editbar{gap:16px}}
@media(max-width:1230px){.library{width:154px;min-width:154px}.track-inspector{width:180px;min-width:180px}.project-heading .save-status{display:none}.edit-tools button{padding:0 8px}.studio-editbar{gap:8px}.nudge-controls span{display:none}.edit-selection-bar{gap:9px}.edit-window-name{display:none}.view-tab{padding:0 9px}.edit-split{font-size:9px;padding:5px}.key-signature{display:none}.track-title{font-size:11px}}
@media(max-width:1050px){.track-inspector{display:none}.workspace-toolbar #toggleInspector{display:none}.transport .master-output{display:none}.library{width:148px;min-width:148px}.topbar{gap:10px}.top-actions .text-btn{font-size:10px;padding:5px}.topbar .brand{min-width:145px}.transport{padding:0 10px}.time-display{margin-left:12px}.view-tab{font-size:10px}.mixer-channel{min-width:125px}.edit-selection-bar{font-size:9px}.edit-split{margin-left:auto}}
@media(max-width:800px){:root{--track-label:190px}.library{display:none}.topbar{padding:0 9px}.brand{min-width:130px!important;font-size:11px}.brand-sub,.version{display:none}.project-heading{padding-left:8px}.project-heading input{width:120px;font-size:11px}.top-actions #help,.top-actions #openMastering{display:none}.top-actions .separator{display:none}.time-display{min-width:150px;margin-left:10px;padding:8px}.time-display strong{font-size:22px}.signature{margin-left:12px}.transport .separator.tall{margin:0 12px}.transport-options{margin-left:16px}.export-btn{margin-left:auto;padding:8px;font-size:10px}.export-btn span{display:none}.edit-split{display:none}.studio-editbar{gap:8px;padding:0 8px}.edit-tools button{font-size:10px;padding:0 9px}.edit-grid-label{font-size:9px}.workspace-toolbar{padding:0 8px}.view-tab{padding:0 8px}.edit-selection-bar label:last-child{display:none}.timeline-zoom span{display:none}.track-title{font-size:11px}.track-head{padding-left:6px}.track-icon{display:none}.track-strip-meta{left:10px}.detail-panel{height:var(--detail-height);min-height:var(--detail-height)}.detail-collapsed .detail-panel{height:36px;min-height:36px}.detail-tabs{gap:10px}.detail-tab{font-size:10px}.selection-label{display:none}.workspace-status>span:nth-child(2){display:none}}
@media(max-width:560px){:root{--track-label:160px}.topbar .project-heading{border:0}.project-heading input{width:95px}.top-actions #openBundle{font-size:9px}.top-actions #redo{display:none}.top-actions .text-btn{padding:4px}.time-display{min-width:129px;margin-left:8px}.time-display strong{font-size:19px;letter-spacing:1px}.time-display small{font-size:8px;right:7px}.time-display:before{font-size:7px}.transport-buttons{gap:1px}.transport .icon-btn,.record-btn{width:24px}.play-btn{width:30px;margin:0 2px}.transport .signature,.transport .separator,.transport #recordSettings,.transport-options{display:none}.tempo-control{margin-left:12px}.tempo-control input{font-size:19px;width:38px}.export-btn{padding:7px;font-size:9px}.export-btn svg{display:none}.edit-modes button{padding:0 5px;font-size:8px}.edit-tools button{font-size:9px;padding:0 6px}.edit-grid-label{gap:3px}.edit-grid-label select{width:46px;font-size:9px}.nudge-controls{display:none}.studio-editbar{gap:6px}.arrangement-actions .bars-control{display:none}.arrangement-actions>.text-btn{font-size:10px;padding:4px 5px}.timeline-zoom button{width:20px}.view-tab{padding:0 6px;font-size:9px;gap:3px}.view-tab svg{width:12px}.edit-selection-bar{gap:10px;padding:0 8px}.edit-selection-bar #editClipName{font-size:9px}.edit-selection-bar output{font-size:9px;margin-left:3px}.edit-selection-bar label{font-size:7px}.track-title{font-size:10px}.track-subtitle{font-size:8px}.track-controls button{width:21px}.track-head{padding-right:10px;gap:3px}.track-strip-meta{font-size:7px}.detail-tabs{gap:8px}.detail-tab{font-size:9px}.detail-actions .icon-btn{width:23px}.workspace-status{font-size:9px}.workspace-status .engine-label{font-size:8px}.mixer-master{position:relative;right:auto}}

.mixer-fader input{appearance:none;-webkit-appearance:none;width:25px;background:transparent}.mixer-fader input::-webkit-slider-runnable-track{width:5px;height:100%;background:#182231;border:1px solid #101927;border-radius:2px;box-shadow:1px 0 0 #8c9ab055}.mixer-fader input::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:25px;height:16px;margin-left:-10px;background:linear-gradient(#d5d9e3,#929eaf 45%,#394459 48%,#bcc4d2 57%,#748195);border:1px solid #141e2c;border-radius:2px;box-shadow:0 2px 4px #10172288}.mixer-fader input::-moz-range-thumb{width:23px;height:14px;background:#b4bfce;border:1px solid #1c2636;border-radius:2px}
/* Console Classic: silver transport, high contrast edit lanes, charcoal Mix. */
:root{--track-label:300px;--wave-ink:#21313b}
.topbar{background:linear-gradient(#5d6066,#42464e);border-color:#25282d}.transport{background:linear-gradient(#b6b8bc,#92969e);border-color:#565b63;box-shadow:0 1px 0 #e2e3e5 inset,0 -1px 0 #c6c9cf inset}.transport .icon-btn,.record-btn{background:linear-gradient(#e4e6e8,#a4a9b1);border-color:#737b87;box-shadow:0 1px 0 #f2f4f5 inset;color:#344252}.transport .icon-btn.active{background:linear-gradient(#b9cba4,#859c6b);border-color:#657951;color:#2f4524}.time-display{background:#141c10;border-color:#343b2c;box-shadow:0 1px 0 #d5d8d2}.time-display strong{color:#c5ef71}.time-display strong span{color:#76914b}.time-display small,.time-display:before{color:#a3bb80}.tempo-control input,.signature strong{color:#253021;text-shadow:0 1px 0 #d3d8ce}.tempo-control>span,.signature>span{color:#414b43}.output-label{color:#38463a}.export-btn{background:linear-gradient(#d7d0e1,#aaa0bb);border-color:#78698b;color:#31283e}.export-btn span{background:#70617f;color:#f1e8ff}
.track-head{padding-right:13px;gap:7px;background:linear-gradient(90deg,color-mix(in srgb,var(--track-color) 22%,#42474f),#42474f)}.track-row:nth-child(even) .track-head{background:linear-gradient(90deg,color-mix(in srgb,var(--track-color) 22%,#3d434d),#3d434d)}.track-row.selected .track-head{background:linear-gradient(90deg,color-mix(in srgb,var(--track-color) 36%,#5b5668),#5b5668)}.track-head-inserts{display:flex;flex-direction:column;gap:4px;width:68px;flex-shrink:0;padding:4px 0 0 8px;border-left:1px solid #7d889344;align-self:stretch;justify-content:center;position:relative;z-index:2}.track-head-inserts button{height:20px;min-height:20px;font:9px Consolas,monospace;letter-spacing:.2px;border:1px solid #8b91a0;border-radius:2px;background:linear-gradient(#c7cbd2,#989fa9);color:#222c3a;box-shadow:0 1px 0 #e1e4ea inset;padding:2px 4px;text-align:left;overflow:hidden;white-space:nowrap}.track-head-inserts button:hover{background:#dad1ec;border-color:#c8b3e3}.track-strip-meta{right:91px}.track-lane{background-color:#a4a7ad;background-image:linear-gradient(90deg,#555e713d 1px,transparent 1px),linear-gradient(90deg,#65718520 1px,transparent 1px)}.track-row:nth-child(even) .track-lane{background-color:#9ea3ab}.track-row.selected .track-lane{background-color:#b4acbe}.ruler{background:#616978}.ruler-row{background:#5e6675}.ruler-bar{background-image:linear-gradient(90deg,#bbc4d333 1px,transparent 1px);border-color:#bcc6d566;color:#f0f2f6}.ruler-label{background:#49515e;color:#d7dfec}.section-row{background:#626977}.section-row-label{background:#49515e;color:#c8d2e3}.song-sections button{background:#b3a5cb;color:#302a3c;border-color:#7a668f}.song-sections button:nth-child(even){background:#a2b5cf;color:#253348}.song-sections button:hover{background:#d0c0e5;color:#32233e}.clip{background:color-mix(in srgb,var(--track-color) 73%,#e0e5e9);border:1px solid #3d4652;box-shadow:0 1px 2px #19222e44}.clip.selected{background:color-mix(in srgb,var(--track-color) 65%,#e4d0f8);border-color:#60426e;box-shadow:inset 0 0 0 1px #ede1fa}.clip-name{color:#202e3d;background:#e1e7ed66;border-bottom:1px solid #34414e33;text-shadow:0 1px 0 #ffffff22}.clip.selected .clip-name{background:#6c517b;color:#fff}.clip canvas{opacity:.95}.clip-trim-left:after,.clip-resize:after{background:#27394b99}.empty-track-hint{color:#49576c}.timeline-empty{background:#454d5a;color:#d1dae9}.timeline-empty .shortcut-hint{color:#b6c0d0}.playhead{background:#c52f4b;box-shadow:1px 0 0 #efb1b455}.playhead>span{background:#c52f4b;border-color:#c52f4b}
.mixer-view{background:#2d2f33}.mixer-channel{background:linear-gradient(90deg,#4a4d53,#51545a 45%,#42464d);box-shadow:1px 0 0 #777d8a inset;border-color:#292d33}.mixer-channel.selected{background:linear-gradient(90deg,#5d5767,#686171,#504b5a)}.channel-top,.strip-label{color:#d0d4df}.channel-inserts button{background:linear-gradient(#b8bcc4,#9198a4);border-color:#757c89;color:#212b39;box-shadow:0 1px 0 #d8dce4 inset}.channel-routing{background:#c2c5ca;color:#263343;border-color:#7c889a}.channel-routing span{color:#4e5c72}.mixer-channel .pan-control label{color:#c1cad7}.channel-name,.fader-db{background:#182214;border-color:#6a755b;color:#caed85}.channel-footer{background:color-mix(in srgb,var(--track-color,#af97cf) 33%,#565d69);color:#f2eff9}.fader-scale{color:#d0d6df}.mixer-master{background:linear-gradient(90deg,#62586c,#4a4255);border-color:#9382a4}.mixer-master .channel-name{background:#221c2b;color:#e9d5ff}.mixer-master .channel-routing{background:#aaa0b8;color:#302737}
@media(max-width:1230px){:root{--track-label:264px}.track-head-inserts{width:59px;padding-left:5px}.track-strip-meta{right:78px}}
@media(max-width:800px){:root{--track-label:196px}.track-head-inserts{display:none}.track-strip-meta{right:17px}}
@media(max-width:560px){:root{--track-label:160px}}
/* Track operations: name drag, level popup, persistent properties. */
[data-select-track],[data-track-drag]{touch-action:none;user-select:none;-webkit-user-select:none;cursor:grab}
[data-select-track]:active,[data-track-drag]:active{cursor:grabbing}
.track-grip{width:12px;min-width:12px;padding:0;color:#b4bac8;font-size:17px;height:28px;align-self:center;margin-bottom:0;line-height:1}
.track-grip:hover{background:#6b637b;color:#fff;border-radius:2px}.track-head{padding-left:3px;gap:4px}.track-controls{gap:2px}.track-controls [data-track-properties]{font-size:17px;width:20px;color:#d4c1ed;background:#574964;border-color:#877797}
.track-strip-meta{left:25px;right:84px;bottom:5px;gap:5px;justify-content:flex-start;height:19px}.head-volume,.head-pan{display:flex;align-items:center;justify-content:space-between;gap:7px;background:#182310;border:1px solid #778168;border-radius:2px;padding:2px 5px;height:19px;min-width:86px;color:#c6ee7c;cursor:pointer}.head-pan{min-width:62px;flex:1;max-width:90px}.track-strip-meta button>span{font:7px Consolas,monospace;color:#9baa80}.track-strip-meta button>strong{font:9px Consolas,monospace;color:#d0f08b;font-weight:500;white-space:nowrap}.head-volume:hover,.head-pan:hover{background:#314321;border-color:#bad681}.track-head-inserts{padding-top:0}.track-select{padding-bottom:7px}.track-head .track-icon{min-width:19px;width:19px;height:23px}.track-head .track-title{font-size:11px}.track-head .track-subtitle{font-size:8px}
.channel-top{height:15px;min-height:15px;gap:4px}.channel-top>button{font-size:16px;line-height:12px;max-height:15px;padding:0 2px;color:#e2d5f6}.mixer-channel .fader-db{cursor:pointer;width:100%;font-size:11px}.mixer-channel .fader-db:hover{background:#34432b;border-color:#badc85}
.track-reordering,.track-reordering *{cursor:grabbing!important;user-select:none!important}.track-drag-source{opacity:.45}.track-drop-indicator{position:fixed;z-index:1500;background:#e6c556;box-shadow:0 0 0 1px #3d2e1d88;pointer-events:none}.track-drop-indicator:before{content:'';position:absolute;left:0;top:-4px;border-left:7px solid #f8d66c;border-block:5px solid transparent}.track-drop-indicator:after{content:attr(data-label);position:absolute;left:12px;bottom:5px;color:#f9eab8;background:#493d20ee;font:10px "Segoe UI",sans-serif;border:1px solid #c3a450;border-radius:3px;white-space:nowrap;padding:4px 7px}.track-drop-indicator.vertical:before{left:-4px;top:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:7px solid #f8d66c;border-bottom:0}.track-drop-indicator.vertical:after{bottom:auto;top:10px;left:8px}
.workspace-toolbar #toggleInspector{width:auto;min-width:68px;height:26px;display:inline-flex;gap:5px;padding:0 7px;border:1px solid #7b6d93;background:#554762;color:#e9dcfc;font-size:10px}.workspace-toolbar #toggleInspector[aria-pressed=false]{background:#343d4a;color:#bfcbdd;border-color:#62708a}.workspace-toolbar #toggleInspector svg{width:13px}
.track-properties-open .track-inspector:not([hidden]){display:block;width:238px;min-width:238px;background:#303744;padding:12px;border-left:1px solid #142032;overflow-y:auto}.inspector-heading{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.6px;padding-bottom:8px}.inspector-heading [data-close-properties]{height:22px;width:22px;font-size:19px;color:#d1c1e8;background:#50445e;border:1px solid #7e6c97;border-radius:3px}.inspector-track-title{display:flex;align-items:center;gap:7px;margin:12px 0}.inspector-track-title>span{width:5px;height:24px;flex-shrink:0;border-radius:1px}.inspector-track-title h3{font-size:15px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:0}.inspector-track-title small{color:#9fadc3;font:8px Consolas,monospace}.inspector-reorder{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:0 0 14px}.inspector-reorder>button{width:31px;height:25px;color:#e6d9fc;border:1px solid #8c7da4;border-radius:3px;background:#50465f;font-size:16px}.inspector-reorder>span{font:9px Consolas,monospace;color:#aab9d0}.inspector-reorder>button:hover:not(:disabled){background:#78658d}.inspector-identity{display:flex;align-items:center;gap:7px;padding-bottom:12px;border-bottom:1px solid #566179}.inspector-identity label{display:flex;flex-direction:column;gap:5px;flex:1;min-width:0;font-size:8px;letter-spacing:1px;color:#aebed5}.inspector-identity label:last-child{flex:0 0 36px}.inspector-identity input[data-track-name-input]{min-width:0;width:100%;font-size:11px;border:1px solid #69758e;background:#252f40;border-radius:3px;padding:6px;color:#e2e9f6}.inspector-identity input[type=color]{padding:2px;width:36px;height:29px;background:#263144;border:1px solid #6b7690;border-radius:3px}.inspector-volume{padding-top:14px}.inspector-volume>label{align-items:center;gap:10px}.volume-number-wrap{display:flex;gap:4px;align-items:center;padding:3px 5px;background:#192511;border:1px solid #748068;border-radius:2px}.volume-number-wrap input{width:58px;min-width:0;font:14px Consolas,monospace;color:#c9ec88;text-align:right;background:transparent;padding:0}.volume-number-wrap>span{font-size:9px;color:#aabd8d}.inspector-volume input[type=range]{height:7px;margin:13px 0 5px}.volume-range-scale{display:flex;align-items:center;justify-content:space-between;font:8px Consolas,monospace;color:#97aac7;margin:0 0 14px}.volume-range-scale button{font:9px Consolas,monospace;color:#c1d1e6;padding:2px 5px;border:1px solid #5c6e8e;border-radius:2px;background:#35445b}.track-inspector .inspector-effects>div{min-height:29px}.track-inspector .inspector-effects>div button[data-plugin-open]{padding:3px 5px}.track-inspector .inspector-effects small{display:none}.track-inspector .inspector-section-label{margin-top:17px}.track-inspector .mixer-buttons button{font-size:12px;padding:6px}
.track-quick-control{position:fixed;z-index:900;width:290px;background:#303a4a;color:#e5eaf2;border:1px solid #b59acd;border-radius:5px;padding:12px;box-shadow:0 12px 38px #12132099}.track-quick-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #667088;padding-bottom:9px;margin-bottom:12px}.track-quick-heading strong{font-size:13px;color:#eedfff;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.track-quick-heading button{width:24px;height:24px;font-size:19px;background:#594962;border:1px solid #9f86b3;border-radius:3px;color:#eee1fa}.track-quick-control>label{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:9px;color:#a9bedb;letter-spacing:.4px}.track-quick-control label>span{font:16px Consolas,monospace;color:#cbef8a}.track-quick-control>input[type=range]{height:8px;margin:18px 0 14px}.track-quick-footer{display:flex;align-items:center;gap:6px;font-size:10px;color:#adbed7}.track-quick-footer input{width:69px;background:#17220f;color:#d0ee9a;font:13px Consolas,monospace;border:1px solid #6c7f5a;border-radius:2px;padding:4px}.track-quick-footer button{padding:5px 7px;background:#554666;border:1px solid #907ba8;color:#e4d3f6;border-radius:3px;font-size:10px}.track-quick-footer button:last-child{margin-left:auto}.track-quick-footer button:hover{background:#7c6294}
@media(max-width:1230px){.track-strip-meta{right:75px;left:20px;gap:4px}.head-volume{min-width:80px;padding-inline:4px}.head-pan{min-width:55px;padding-inline:4px}.head-pan strong{font-size:8px}.track-head .track-icon{display:none}.track-properties-open .track-inspector:not([hidden]){width:226px;min-width:226px}}
@media(max-width:1050px){.track-properties-open .track-inspector:not([hidden]){position:fixed;right:0;top:118px;bottom:24px;width:250px;min-width:250px;z-index:30;box-shadow:-14px 0 40px #0c172a66}.workspace-toolbar #toggleInspector{display:inline-flex}.track-strip-meta{left:20px}.track-head .track-title{font-size:10px}}
@media(max-width:800px){.track-head .track-controls [data-track-properties]{display:none}.track-strip-meta{left:18px;right:12px}.head-volume{min-width:86px}.head-pan{min-width:54px}.track-select{padding:0 0 7px}.track-grip{width:10px;min-width:10px;font-size:15px}.workspace-toolbar #toggleInspector{min-width:28px;width:28px;padding:0}.workspace-toolbar #toggleInspector span{display:none}}
@media(max-width:560px){.head-volume{min-width:75px;gap:3px}.head-pan{min-width:44px;gap:3px}.head-pan>span{display:none}.track-strip-meta{left:16px;right:9px;gap:4px}.head-volume strong,.head-pan strong{font-size:8px}.head-volume>span{font-size:6px}.track-head .track-title{font-size:9px}.track-properties-open .track-inspector:not([hidden]){width:238px;min-width:238px}}

/* User-owned insert racks. Empty slots never instantiate an active effect. */
.insert-slots{display:flex;flex-direction:column;gap:3px;min-width:0;width:100%}.insert-slot{display:flex;align-items:center;min-height:23px;gap:3px;border:1px solid #6b7485;border-radius:2px;background:#202937;overflow:hidden}.insert-slot>span{width:17px;flex-shrink:0;text-align:center;font:8px Consolas,monospace;color:#a8b7cd}.insert-slot>button{flex:1;min-width:0;min-height:21px;border:0;border-radius:0;padding:3px 4px;font:10px Consolas,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#dde4f1;background:linear-gradient(#505a6c,#3a4353);text-align:left}.insert-slot.empty>button{background:#232c3b;color:#8996aa}.insert-slot>button:hover{background:#6a5d7c;color:#fff}.insert-slot>.insert-options{flex:0 0 21px;min-width:21px;padding:1px 3px;text-align:center;border-left:1px solid #718098}.insert-bypassed>button:first-of-type{color:#e1bd6f;background:#3b3d44}.insert-bypassed>span{color:#e1bd6f}.channel-inserts{height:191px;min-height:191px}.channel-inserts .insert-slots{gap:2px}.channel-inserts .insert-slot{min-height:21px;flex-shrink:0}.channel-inserts .insert-slot button{width:auto;min-height:19px;max-height:none;padding:2px;font-size:9px;box-shadow:none}.channel-inserts .insert-slot>span{width:12px;font-size:7px}.channel-inserts .insert-options{flex-basis:17px;min-width:17px}.inspector-inserts .insert-slot{min-height:26px}.inspector-inserts .insert-slot>button{min-height:24px}.track-head-inserts .insert-slots{flex-direction:row;gap:3px}.track-head-inserts .insert-slot{flex:1;min-width:0;min-height:18px}.track-head-inserts .insert-slot>span{width:10px;font-size:7px}.track-head-inserts .insert-slot>button{min-height:16px;padding:1px 2px;font-size:8px}.track-head-inserts .insert-options{flex-basis:15px;min-width:15px}.empty-insert-card{min-width:260px}.empty-insert-card h3{font-size:18px;color:#d4dfee;margin:12px 0}.empty-insert-card p{font-size:10px;color:#a8b9d3;line-height:1.6;margin-bottom:12px}.empty-insert-card .insert-slots{display:grid;grid-template-columns:1fr 1fr;gap:5px}.insert-menu{padding:20px;display:flex;flex-direction:column;gap:17px}.insert-menu>label{display:flex;flex-direction:column;gap:8px;font-size:10px;letter-spacing:1px;color:#b2c5dd}.insert-menu select{padding:10px;background:#232c3a;border:1px solid #6a7a94;color:#e0e8f5;font:12px system-ui}.insert-menu-actions{display:flex;flex-wrap:wrap;gap:8px}.insert-menu p{font-size:11px;line-height:1.7;color:#aebed4}.master-insert-rack{max-width:580px;margin:16px 0}.master-insert-rack .insert-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.empty-master-rack{font-size:13px;color:#b2c2d9;padding:24px;border:1px dashed #6c7a91;grid-column:1/-1}
/* Recording, routing and detailed editing workspace. */
.bars-control{display:flex;align-items:center;gap:4px}.bars-control input{width:64px;color:#dbe6f5;background:#273245;border:1px solid #66738a;border-radius:2px;padding:5px;font:11px Consolas,monospace}.bars-control>span{color:#adbcd1;font-size:8px}.workflow-inspector{border-top:1px solid #59677c;margin-top:15px;padding-top:10px;display:flex;flex-direction:column;gap:8px}.workflow-label{font-size:8px;letter-spacing:1px;color:#a8b8d1;margin:9px 0 5px}.workflow-routing{display:flex;flex-direction:column;gap:7px}.workflow-routing label{display:flex;flex-direction:column;gap:5px;font-size:9px;color:#a9bcd6}.workflow-routing select,.channel-routing select{min-width:0;max-width:100%;width:100%;background:#253042;border:1px solid #697b96;color:#dae4f4;font:10px Consolas,monospace;padding:5px;border-radius:2px}.workflow-inspector .outline-btn{font-size:10px;text-align:left;padding:7px}.aux-send{padding:8px;background:#253143;border:1px solid #5c6b82;border-radius:3px}.aux-send>div{display:flex;align-items:center;gap:5px;font-size:9px}.aux-send>div strong{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d6c3eb}.aux-send button{font-size:9px;border:1px solid #5f718a;background:#3c4a5f;padding:2px 4px;border-radius:2px}.aux-send input[type=range]{width:100%;margin:10px 0 6px;height:5px}.aux-send>label{flex-direction:row;justify-content:space-between;align-items:center;font-size:9px}.aux-send>label select{width:90px;padding:2px;font-size:8px}.workflow-form{padding:22px;display:flex;flex-direction:column;gap:15px;color:#c7d5e9;max-height:70vh;overflow:auto}.workflow-form label{font-size:11px;display:flex;flex-direction:column;gap:7px}.workflow-form input:not([type=checkbox]),.workflow-form select{width:100%;min-width:0;padding:9px;border:1px solid #6e7c93;border-radius:3px;background:#232e3f;color:#e4edf9;font:12px system-ui}.workflow-form p{font-size:12px;line-height:1.7;color:#a8bad3;margin:0}.workflow-form small{font-size:10px;line-height:1.6;color:#9fb2ce}.workflow-form .workflow-check{flex-direction:row;align-items:center;gap:9px;line-height:1.6}.workflow-check input{accent-color:#b89add;width:15px;height:15px}.workflow-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.workflow-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.workflow-row>input{flex:1;min-width:120px}.workflow-row>button{font-size:10px}.workflow-form hr{width:100%;border:0;border-top:1px solid #55657b}.workflow-form output{font:11px Consolas,monospace;color:#c3dfad}.audio-edit-actions{display:flex;gap:7px;flex-wrap:wrap;padding:10px 14px;background:#293545;border-top:1px solid #586a86}.audio-edit-actions button{padding:5px 7px;font-size:9px}.audio-editor{min-height:145px}.automation-lane{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:4}.automation-lane polyline{fill:none;stroke:#edd386;stroke-width:1.2;vector-effect:non-scaling-stroke;opacity:.8}.automation-editor{height:170px;width:100%;background:repeating-linear-gradient(90deg,#253344 0 49px,#3b4c64 49px 50px);border:1px solid #6c7f9d;cursor:crosshair;touch-action:none}.automation-editor path{stroke:#62718a;fill:none}.automation-editor polyline{stroke:#dfc582;stroke-width:2;fill:none}.automation-editor circle{fill:#f3d988;stroke:#fff4c9;stroke-width:1}.automation-points{max-height:150px;overflow:auto}.automation-points>div{display:flex;gap:12px;border-bottom:1px solid #4c5b73;padding:6px;font:11px Consolas,monospace}.automation-points>div span{flex:1}.automation-points>div button{padding:1px 6px;background:#504058;border:1px solid #7c688b}.version-list{display:flex;flex-direction:column;gap:7px}.version-list button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:10px}.version-list span{font-size:10px;color:#a5b8d4}.channel-routing{padding:2px;display:flex;align-items:center;gap:3px}.channel-routing select{font-size:8px;padding:3px 1px;border:0;background:transparent;color:inherit;flex:1}.channel-auto{font:7px Consolas,monospace;padding:3px;background:#3c4151;color:#d7c9e9;border:1px solid #707b8c;border-radius:2px}.track-row:has(.track-subtitle){min-height:66px}
/* Piano roll and pattern rack inspired by the documented FL editing workflow. */
.mode-button{font:8px Consolas,monospace;padding:6px 5px;background:#384456;border:1px solid #687890;color:#b8c9df;border-radius:2px}.mode-button.active{color:#e6ecd1;background:#65734c;border-color:#c1cb8e}.rack-launch{font-size:10px;color:#d0dcc1;border:1px solid #647452;padding:5px 8px;margin-left:12px;border-radius:3px;background:#3e4939}.channel-rack{padding:20px;display:flex;flex-direction:column;gap:16px;max-height:72vh;overflow:auto}.rack-toolbar{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.channel-rack select,.channel-rack input{background:#232e3d;color:#dfebf6;border:1px solid #6c7e93;border-radius:3px;font:11px system-ui;padding:7px;max-width:190px}.rack-toolbar button,.rack-add button{font-size:10px}.rack-rows{display:flex;flex-direction:column;gap:5px}.rack-channel{display:flex;gap:8px;padding:8px;background:#253142;border:1px solid #586a83;border-left:4px solid var(--track-color);align-items:center}.rack-channel-name{text-align:left;min-width:110px;font-size:12px;color:#dce6f5}.rack-channel-name small{display:block;font-size:8px;color:#a3b6cf;margin-top:4px}.rack-channel>.outline-btn{font-size:9px;padding:6px}.rack-add{display:flex;gap:8px}.channel-rack p{font-size:11px;color:#b3c4db;line-height:1.7;margin:0}.fl-piano{height:100%;min-height:250px;display:flex;flex-direction:column;background:#262f39;color:#cbd8e3;outline:0;overflow:hidden}.pr-toolbar{display:flex;align-items:center;gap:6px;min-height:34px;padding:5px 8px;flex-wrap:wrap;background:#38434d;border-bottom:1px solid #101c24}.pr-toolbar>strong{font:9px Consolas,monospace;color:#b3d2bd;white-space:nowrap;margin-right:7px}.pr-toolbar>strong span{color:#c2cdd8;padding-left:5px}.pr-toolbar button,.pr-musical button{font:9px system-ui;color:#c4d8cb;padding:4px 6px;border:1px solid #6b7e7e;border-radius:2px;background:#354941;white-space:nowrap}.pr-toolbar button:hover,.pr-musical button:hover{background:#577362;color:#eff8e9}.pr-tools{display:flex;gap:3px}.pr-tools button{min-width:24px;padding:3px;font-size:13px}.pr-tools button.active{color:#172622;background:#a1c3ab}.pr-toolbar label,.pr-musical label{font-size:9px;display:flex;align-items:center;gap:4px;color:#b3c8c1;white-space:nowrap}.pr-toolbar select,.pr-musical select{font:9px system-ui;border:1px solid #6d7b82;border-radius:2px;background:#26333d;color:#d0dfdd;padding:3px;max-width:105px}.pr-musical{display:flex;align-items:center;gap:9px;min-height:28px;padding:4px 8px;flex-wrap:wrap;background:#2c3841;border-bottom:1px solid #51606e}.pr-musical input[type=checkbox]{accent-color:#97c1a8;width:12px;height:12px}.pr-musical>span{margin-left:auto;font:8px Consolas,monospace;color:#9cb9ac}.pr-scroll{flex:1;min-height:110px;overflow:auto;scrollbar-width:thin;scrollbar-color:#687b85 #202a32;position:relative}.pr-canvas{position:relative}.pr-keyboard{position:sticky;left:0;width:52px;z-index:5;display:flex;flex-direction:column;background:#9aa7ac;box-shadow:2px 0 4px #0008}.pr-key{display:block;flex-shrink:0;width:52px;text-align:right;padding:0 6px;font:8px Consolas,monospace;background:#a4afb0;color:#263840;border-bottom:1px solid #53616a}.pr-key.black{background:#35434b;color:#a0b1b9;width:40px;box-shadow:3px 1px 0 #15252a}.pr-key:hover{background:#b2d5ba;color:#19382b}.pr-ruler{height:23px;position:absolute;top:0;left:52px;background:#35434a;z-index:4;border-bottom:1px solid #607173}.pr-ruler button{position:absolute;height:23px;padding:3px 6px;text-align:left;font:9px Consolas,monospace;border-left:1px solid #8da192;color:#c4d5c6}.pr-grid{position:absolute;touch-action:none;background:#26313a;isolation:isolate}.pr-pitch-row{position:absolute;left:0;right:0;border-bottom:1px solid #4a596050;background:repeating-linear-gradient(to right,transparent 0 calc(var(--step) - 1px),#637b8833 calc(var(--step) - 1px) var(--step)),repeating-linear-gradient(to right,transparent 0 calc(var(--beat-width) - 1px),#81948855 calc(var(--beat-width) - 1px) var(--beat-width)),repeating-linear-gradient(to right,transparent 0 calc(var(--bar-width) - 1px),#acc3a580 calc(var(--bar-width) - 1px) var(--bar-width))}.pr-pitch-row.black{background-color:#1f2932}.pr-pitch-row.in-scale{box-shadow:inset 0 0 0 100px #9abf9d07}.pr-note{position:absolute;padding:0;z-index:3;border:1px solid #a6d8aa;border-radius:2px;background:linear-gradient(#a8ccb0,#80ac91);box-shadow:0 -2px #597d6e inset;cursor:move;overflow:hidden;touch-action:none;color:#1c3e31;text-align:left;opacity:calc(.55 + var(--velocity)*.45)}.pr-note>span{font:8px Consolas,monospace;padding-left:3px;pointer-events:none;white-space:nowrap}.pr-note>i{position:absolute;right:0;top:0;bottom:0;width:7px;border-left:1px solid #325b3f66;cursor:ew-resize}.pr-note.selected{background:linear-gradient(#e4d7a0,#c7b277);border-color:#fff2b8;color:#3b371d}.pr-note.muted{opacity:.3}.pr-note:hover{filter:brightness(1.15)}#prGhostNotes>div{position:absolute;background:#79958b33;border:1px solid #96b3a544;border-radius:2px;pointer-events:none}.pr-playhead{position:absolute;top:0;bottom:0;width:1px;background:#f1e6c4;box-shadow:0 0 3px #f1dbae;z-index:4;pointer-events:none}#prSelectionBox{position:absolute;border:1px solid #cce6bd;background:#acd6ad22;pointer-events:none;z-index:7}.pr-velocity-heading{display:flex;gap:14px;padding:4px 8px;background:#35434a;font:8px Consolas,monospace;color:#b6d0b9}.pr-velocity-heading small{font:8px system-ui;color:#91aaa2}.pr-velocity-scroll{overflow-x:auto;overflow-y:hidden;min-height:68px;height:68px;padding-left:52px;border-top:1px solid #14212a;background:#263339;scrollbar-width:thin}#prVelocities{height:62px;position:relative;background:repeating-linear-gradient(to right,transparent 0 87px,#72898044 87px 88px)}#prVelocities button{position:absolute;bottom:0;padding:0;background:#8dbda0;border:1px solid #bee0b9;cursor:ns-resize;border-radius:1px}#prVelocities button.selected{background:#d6c183;border-color:#fff3be}.pr-toolbar .recording{background:#7e3d44;color:#ffd2c4;border-color:#cb8990}.editor-content:has(.fl-piano){padding:0;overflow:hidden}.detail-panel:has(.fl-piano){min-height:max(var(--detail-height),300px)}.detail-collapsed .detail-panel:has(.fl-piano){min-height:36px}.drum-steps{min-width:0;overflow:auto}.drum-steps .step{min-width:14px}.drum-row{min-height:24px}
.loudness-analysis{border:1px solid #667a91;border-radius:4px;background:#283343;padding:18px;margin:18px 0;color:#c6d8ea}.loudness-analysis>div:first-child{display:flex;gap:18px;align-items:center}.loudness-analysis>div:first-child strong{font:10px Consolas,monospace;letter-spacing:1px}.loudness-analysis small{font-size:10px;color:#91a9c3}.loudness-values{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.loudness-values>span{font:8px Consolas,monospace;color:#9db4cf;display:flex;flex-direction:column;gap:7px}.loudness-values strong{font:25px Consolas,monospace;color:#d4dfae}.loudness-analysis p{font-size:10px;color:#a3b7cf;line-height:1.7;margin:12px 0 0}.loudness-analysis label{display:flex;align-items:center;gap:7px;font-size:10px}.loudness-analysis input{width:65px;background:#202e3f;color:#d8e9c1;border:1px solid #718867;padding:5px}.loudness-analysis output{font-size:11px;color:#d4c6a2}
.drum-tools{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#2e3c49;border-bottom:1px solid #506277}.drum-tools label{display:flex;gap:6px;font-size:9px;color:#abc3cf;align-items:center}.drum-tools select{font:10px system-ui;padding:5px;background:#23313c;color:#d2e4df;border:1px solid #617b86}.drum-tools button{font-size:9px;padding:5px 7px}.drum-fill{font:8px Consolas,monospace;color:#abc7bd;padding:4px;border:1px solid #627a72;background:#2d443d;border-radius:2px;margin-left:3px}.drum-row .drum-steps{display:flex;gap:3px;flex:1}.drum-steps .step{flex:1}
.export-ready-link{display:block;text-align:center;text-decoration:none;color:#e3efcd!important}.export-ready-link[hidden]{display:none}
.exo-instrument{--exo:#8acdc8}.exo-browser-panel{padding:18px;background:#141e25;border:1px solid #385452;border-radius:5px;margin:12px 0;color:#c8d9dc}.exo-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}.exo-hero>div>span{font:9px monospace;letter-spacing:2px;color:#80a8a7}.exo-hero h2{font-size:44px;letter-spacing:8px;margin:4px 0;color:#c6f3ee}.exo-hero h2 span{display:block;font:9px monospace;letter-spacing:3px;color:#8acdc8;margin-top:5px}.exo-hero p{font-size:10px;color:#8a9caa}.exo-hero svg{width:42%;max-width:240px;fill:none;stroke:#8acdc8;stroke-width:1.2;opacity:.7}.exo-hero svg path+path{stroke:#a197d2;opacity:.45}.exo-search-row{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}.exo-search-row input{flex:1;min-width:160px}.exo-browser-panel input,.exo-browser-panel select{background:#0e171e;color:#cde1e0;border:1px solid #37504f;border-radius:3px;padding:8px;font-size:11px;min-width:0}.exo-browser-panel button{border:1px solid #385554;background:#263b40;color:#c8dddd;border-radius:3px;padding:6px 9px;font-size:10px}.exo-browser-panel button:hover,.exo-browser-panel button[aria-pressed=true]{background:#3c6863;color:#effffb;border-color:#8acdc8}.exo-library{display:grid;grid-template-columns:105px minmax(0,1fr);gap:12px}.exo-categories{display:flex;flex-direction:column;gap:4px}.exo-categories button{display:flex;justify-content:space-between;text-align:left;padding:9px 8px}.exo-categories small{opacity:.6}.exo-result-count{font:9px monospace;color:#879f9e;padding:0 2px 8px;letter-spacing:.4px}.exo-patches{display:flex;flex-direction:column;gap:5px;max-height:280px;overflow:auto;padding-right:5px;scrollbar-color:#547573 #16232a}.exo-patch{display:flex;gap:3px;border:1px solid #293f45;padding:4px;border-radius:3px;background:#18272e}.exo-patch.chosen{border-color:#8acdc8;background:#203c3d}.exo-patch button:first-child{flex:1;text-align:left;display:flex;flex-direction:column;gap:4px;background:transparent;border:0;padding:5px 7px}.exo-patch strong{font-size:11px;letter-spacing:.3px}.exo-patch span{font-size:9px;color:#90a8ae}.exo-patch>button:not(:first-child){align-self:center;padding:7px;min-width:29px}.exo-user-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px;padding:12px 0}.exo-user-row input{flex:1}.exo-user-row small{width:100%;font-size:9px;color:#758d93}.exo-keys{display:flex;height:46px;gap:2px;margin:0 0 18px}.exo-keys button{flex:1;min-width:0;padding:0;display:flex;align-items:flex-end;justify-content:center;border-radius:0 0 3px 3px;background:#bad0ce;color:#263c42;font:8px monospace}.exo-keys .black{background:#162329;color:#9ab6ba;height:32px}.exo-control-group h3,.exo-advanced summary{font:10px monospace;letter-spacing:1.4px;color:#8acdc8;padding:10px 0}.exo-instrument .exo-browser-panel .plugin-window-params{grid-template-columns:repeat(4,minmax(0,1fr));padding:10px 0;gap:10px}.exo-layer-choices{display:flex;gap:12px;padding:12px 0}.exo-layer-choices label{display:flex;flex:1;flex-direction:column;gap:6px;font-size:10px;color:#89abaa}.exo-advanced p{font-size:10px;line-height:1.6;color:#86a2ab}.exo-pack-instrument{background:linear-gradient(135deg,#213a3c,#22263b)}.exo-no-results{font-size:11px;padding:24px;color:#91a5ad}@media(max-width:700px){.exo-library{grid-template-columns:80px minmax(0,1fr)}.exo-browser-panel{padding:10px}.exo-search-row button{padding:7px}.exo-hero svg{display:none}.exo-layer-choices{flex-wrap:wrap}.exo-instrument .exo-browser-panel .plugin-window-params{grid-template-columns:repeat(3,minmax(0,1fr))}}