:root{color-scheme:dark;--bg:#060b12;--surface:#101b29;--surface2:#172535;--line:#284052;--text:#edf5fa;--muted:#8ca5b4;--teal:#86edce;--cyan:#73bde9;--orange:#f2bd75;--red:#ee8498;--shadow:0 18px 55px #0006;font-family:Inter,"Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}html{font-size:14px}body{margin:0;background:radial-gradient(ellipse at 77% -20%,#193343 0,transparent 44%),#080d14;color:var(--text)}
button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.38;cursor:not-allowed}input:focus-visible,select:focus-visible,button:focus-visible,a:focus-visible{outline:2px solid var(--teal);outline-offset:2px}a{color:inherit;text-decoration:none}a.link-disabled{opacity:.35;pointer-events:none}[hidden]{display:none!important}
.shell{min-height:100vh;display:flex}.library{width:246px;flex:0 0 246px;position:sticky;top:0;align-self:flex-start;height:100vh;display:flex;flex-direction:column;background:linear-gradient(165deg,#0f1b28,#090f18 75%);border-right:1px solid #304353;z-index:15;padding:26px 16px 16px}
.brand{display:flex;align-items:center;gap:11px;margin-bottom:38px;padding:4px}.brand-mark{width:40px;height:42px;border-radius:12px;display:grid;place-items:center;color:#abffe1;border:1px solid #509a96;background:radial-gradient(circle at 30% 20%,#306c66,#122535);font:30px Georgia,serif;box-shadow:0 0 30px #2ad4ae15,inset 0 1px #fff2}.brand strong{display:block;font-size:14px;letter-spacing:.13em}.brand span{display:block;color:#75949f;font-size:8px;font-weight:700;letter-spacing:.15em;margin-top:5px}
.library-heading{display:flex;justify-content:space-between;align-items:center;letter-spacing:.14em;font-size:10px;font-weight:800;color:#a2bac6;margin-bottom:12px;padding:0 4px}.library-heading small{margin-left:5px;color:#71deb9}.iconbtn{width:29px;height:29px;border:1px solid #365363;border-radius:8px;color:#c9e4e7;background:#142635;display:grid;place-items:center}.iconbtn:hover{border-color:var(--teal);color:white}.library-search{border:1px solid #2b3e4c;background:#0b1622;border-radius:9px;padding:8px 10px;display:flex;align-items:center;gap:8px;color:#729ca9}.library-search input{width:100%;outline:0;background:none;border:0;color:#eaf8fa;min-width:0;font-size:11px}
.project-list{overflow:auto;flex:1;padding:14px 2px 15px;scrollbar-width:thin;scrollbar-color:#355366 transparent}.project-item{border:1px solid transparent;border-radius:12px;padding:12px 10px;margin-bottom:7px;text-align:left;color:#c0d2dc;background:transparent;width:100%;display:flex;align-items:flex-start;gap:9px}.project-item:hover{background:#182937}.project-item.selected{background:linear-gradient(95deg,#1d4043,#192a39);border-color:#3e7474;box-shadow:inset 3px 0 #79ecd0}.project-icon{display:grid;place-items:center;width:27px;height:27px;background:#29404b;border-radius:7px;color:#9de8d2;flex:none}.project-item span{display:block;min-width:0;flex:1}.project-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px}.project-item small{display:block;line-height:1.6;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#8cabb3;margin-top:4px;font-size:10px}.project-item i{font-style:normal;color:#84e7c8;font-size:10px}
.quiet{color:#8ba4b3;font-size:12px;line-height:1.6}.library-bottom{display:flex;align-items:center;gap:9px;border:1px solid #283f4d;border-radius:9px;padding:12px;background:#0b1722}.led,.tiny-light,.status-pill i{height:7px;width:7px;display:inline-block;border-radius:50%;background:#77f2c2;box-shadow:0 0 12px #74f4bd}.library-bottom b{font-size:9px;letter-spacing:.09em}.library-bottom small{font-size:10px;display:block;color:#829ca9;margin-top:4px}
.workspace{flex:1;min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 27px;border-bottom:1px solid #223645;background:#0b1420b8;backdrop-filter:blur(20px)}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px;min-width:0}.section-tag{font-size:10px;color:#7296a4;letter-spacing:.16em;font-weight:800;white-space:nowrap}.section-tag b{color:#9bedda}.top-separator{color:#385566}.active-project{font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px;font-size:13px}.rename{width:25px;height:25px}.status-pill{font-size:9px;font-weight:850;letter-spacing:.1em;border:1px solid #315347;border-radius:30px;padding:8px 12px;color:#a8e9c4;white-space:nowrap}.status-pill i{width:5px;height:5px;margin-right:5px}.btn{border:1px solid #3a5464;border-radius:9px;background:#193040;color:#e0f1f5;padding:10px 13px;display:inline-flex;justify-content:center;align-items:center;gap:8px;font-weight:700;font-size:11px;white-space:nowrap;min-height:35px}.btn:hover{background:#244657;border-color:#80b7b9}.btn-primary{background:linear-gradient(135deg,#97f5d8,#67b8d4);color:#09222c;border-color:#b3fae4;box-shadow:0 5px 22px #49d8b625}.btn-primary:hover{background:linear-gradient(135deg,#b0ffed,#8fd1df)}.btn-danger{border-color:#8d5567;background:#593242;color:#ffd7dd}.btn-soft{background:#142734}.full{width:100%}
.project-strip{margin:20px 22px 0;padding:12px 17px;background:linear-gradient(115deg,#1a303d,#11202e 63%,#122838);border:1px solid #385263;border-radius:13px;box-shadow:inset 0 1px #ffffff11;display:flex;gap:14px;align-items:center}.source-symbol{width:38px;height:38px;border:1px solid #4c7a78;background:#234349;color:#93f3d0;border-radius:9px;display:grid;place-items:center;font-size:21px}.source-info{min-width:0;flex:1}.source-info strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px;margin:4px 0}.source-info>span{display:block;font-size:10px;color:#9bb4c1}.micro,.eyebrow{font-size:9px;font-weight:850;letter-spacing:.17em;color:#83c7bc}.hash-label{margin-left:8px;color:#73939d}.source-stats{display:flex;gap:22px}.source-stats div{display:grid;gap:3px}.source-stats small{color:#7d9cad;font-size:9px;letter-spacing:.09em}.source-stats b{font-size:12px;font-variant-numeric:tabular-nums}
.studio-layout{display:grid;grid-template-columns:minmax(550px,1fr) minmax(315px,360px);gap:17px;padding:18px 22px 24px;align-items:start}.studio-center{display:grid;gap:17px;min-width:0}.panel{border:1px solid #2a4658;border-radius:14px;background:linear-gradient(135deg,#122131,#0e1a29 50%,#101c2c);box-shadow:var(--shadow),inset 0 1px #fff0000b;overflow:hidden}.panel-heading{padding:24px 24px 18px;display:flex;align-items:end;justify-content:space-between;gap:15px}.panel-heading h1{font-size:29px;letter-spacing:-.045em;margin:10px 0 0;line-height:1}.panel-heading em{font-style:normal;background:linear-gradient(95deg,#a6f8d9,#72bee5);background-clip:text;color:transparent}.monitor-mark{font-size:11px;font-weight:800;color:#668e9e;letter-spacing:.13em}.monitor-mark span{color:#7ee6c8}.monitor-body{margin:0 18px;padding:14px 13px 9px;border:1px solid #34586b;border-radius:10px;background:radial-gradient(ellipse at center,#132939,#08131f);box-shadow:inset 0 0 35px #02060a}.overview-header{display:flex;justify-content:space-between;gap:8px;font-size:9px;letter-spacing:.13em;color:#6cc9bc;margin:0 0 6px}.overview-header span{color:#7c9ba8;letter-spacing:0}.overview-canvas-wrap{position:relative;height:136px}.overview-canvas-wrap canvas{display:block;width:100%;height:100%}.play-line{position:absolute;top:0;bottom:0;left:0;width:1px;background:#fff9;box-shadow:0 0 7px #fff8;pointer-events:none}.ruler{display:flex;justify-content:space-between;font-size:9px;color:#829ca7;letter-spacing:.05em;margin-top:5px}
.transport{display:flex;gap:10px;align-items:center;padding:18px 22px 14px;min-width:0}.transport-play{border:1px solid #c9ffe7;border-radius:50%;background:linear-gradient(140deg,#91efcc,#59adc3);width:38px;height:38px;color:#062b2b;font-size:18px;flex:none}.transport-stop{width:30px;height:30px;border-radius:8px;background:#23384a;border:1px solid #46616e;color:#c6dbe4}.transport strong{font-size:12px;color:#c7e2e3;white-space:nowrap;font-variant-numeric:tabular-nums}#seek{flex:1;min-width:30px}.transport-divider{height:25px;border-left:1px solid #395364;margin:0 2px}.field-label{font-size:9px;font-weight:800;letter-spacing:.07em;color:#7baab7}.compact-input{width:51px;border:1px solid #375264;background:#101f2b;border-radius:6px;padding:6px;color:white;text-align:center;appearance:textfield;font-size:11px}.compact-input::-webkit-inner-spin-button{appearance:none}.transport small{font-size:9px;color:#83a4b1;margin-left:-7px}.monitor-foot{padding:0 24px 20px;color:#7f9eac;font-size:10px;display:flex;justify-content:space-between;gap:12px}
.section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:20px 23px}.section-heading h2,.inspector h2{margin:7px 0 0;font-size:21px;letter-spacing:-.035em}.count-bubble{font-size:11px;color:#92f0d0;border-radius:20px;padding:3px 9px;background:#1d3b42;margin-left:7px}.track-actions{display:flex;align-items:center;gap:12px}.soft-status{color:#95aebb;font-size:10px}.track-key{display:grid;grid-template-columns:235px minmax(120px,1fr) 110px;gap:0;padding:9px 13px;color:#789aaa;letter-spacing:.09em;font-size:9px;font-weight:800;border-top:1px solid #2a4150;border-bottom:1px solid #2a4150;background:#0b1925}
.track-list{min-height:240px}.empty-tracks{text-align:center;padding:47px 20px;color:#a4b9c5}.empty-tracks p{max-width:350px;margin:10px auto 20px;line-height:1.6;font-size:12px}.empty-symbol{font-size:46px;color:#64bbaa;margin-bottom:12px}
.track{--track-color:#8ce0cd;border-bottom:1px solid #2d4150;display:grid;grid-template-columns:235px minmax(120px,1fr) 110px;min-height:105px;background:linear-gradient(90deg,#172737,#111d2a)}.track:hover{background:linear-gradient(90deg,#1b3042,#132534)}.track-head{padding:12px 11px;border-right:1px solid #263f50;min-width:0;box-shadow:inset 3px 0 var(--track-color)}.track-title{display:flex;gap:7px;align-items:center}.track-dot{width:8px;height:8px;border-radius:50%;background:var(--track-color);box-shadow:0 0 12px var(--track-color);flex:none}.track-title b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px;flex:1}.track-title button{font-size:11px;padding:3px 7px;border-radius:5px;border:1px solid #4d6e7a;color:#b1ebdb;background:#183643}.track-type{font-size:9px;color:#7999a6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0 9px 15px}.track-controls{display:flex;align-items:center;gap:6px}.track-controls input{flex:1;min-width:25px}.track-controls output{font-size:9px;color:#a6c6ce;min-width:45px;text-align:right;font-variant-numeric:tabular-nums}.toggle{width:26px;height:25px;border:1px solid #395a67;border-radius:6px;background:#182d3c;color:#8fafbb;font-weight:800;font-size:10px}.toggle.muted{background:#7f4152;border-color:#c36c7a;color:white}.toggle.soloed{background:#b68f3e;border-color:#f5c56c;color:#170e05}
.track-middle{position:relative;display:flex;flex-direction:column;min-width:0}.pan-head{display:flex;align-items:center;gap:7px;padding:6px 9px 0;color:#88a8b4;font-size:8px;letter-spacing:.1em}.pan-head input{width:100%;min-width:0;height:13px}.pan-head output{font-size:9px;min-width:31px;text-align:right}.track-canvas{width:100%;height:65px;display:block;cursor:pointer}.fx-panel{border-left:1px solid #2c4556;padding:10px 7px}.fx-panel summary{color:#96dfcc;font-size:10px;font-weight:800;list-style:none;cursor:pointer;border:1px solid #375a66;border-radius:7px;padding:9px 6px;text-align:center}.fx-panel details[open] summary{background:#1f4346}.fx-controls{width:210px;z-index:3;position:absolute;right:0;top:90%;background:#122635;border:1px solid #4a7180;border-radius:10px;padding:14px;box-shadow:0 20px 35px #000b}.fx-controls label{display:grid;gap:5px;margin:9px 0;font-size:10px;color:#c6d6dd}.fx-controls output{float:right;color:#a5eccd}.fx-controls input{width:100%}.fx-controls small{font-size:10px;color:#86aab4;line-height:1.5}
.tracks-footer{padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #2a4756}.tracks-footer>div:first-child{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.tracks-footer b{font-size:10px}.tracks-footer small{color:#87a2b1;font-size:10px;flex-basis:100%;margin-left:14px}.foot-actions{display:flex;gap:6px}
.inspector{position:sticky;top:14px;max-height:calc(100vh - 30px);overflow:auto;scrollbar-width:thin;scrollbar-color:#365765 transparent}.inspector-head{padding:22px 20px 16px}.inspector-head p{font-size:11px;line-height:1.6;color:#8daab7;margin:10px 0 0}.inspector-head b{color:#daf8ec}.tabrail{display:flex;overflow:auto;padding:0 12px 12px;border-bottom:1px solid #334958;gap:4px}.tabrail button{font-size:10px;font-weight:800;color:#87a5b2;padding:9px 9px;border:1px solid transparent;border-radius:7px;background:transparent;white-space:nowrap}.tabrail button:hover{background:#1b3544}.tabrail button.chosen{color:#0d262c;background:linear-gradient(125deg,#91eacf,#72c1d4)}.tabcontent{padding:16px 18px 24px;max-height:none;min-height:380px}.tabcontent h3{font-size:12px;margin:0 0 7px;color:#e6f5f7}.tabcontent p{font-size:11px;color:#90aab5;line-height:1.55;margin:7px 0 13px}.workstep{display:flex;gap:12px;padding:16px 0;border-bottom:1px solid #2b4654}.workstep:first-child{padding-top:2px}.step-no{color:#75c2b4;background:#1b3943;border:1px solid #345c61;border-radius:8px;display:grid;place-items:center;flex:0 0 30px;height:30px;font-size:10px;font-weight:900}.workstep>div{min-width:0;flex:1}.workstep select,.tabcontent select{width:100%;background:#122a39;border:1px solid #375969;color:#d6f3ec;border-radius:8px;padding:10px;font-size:11px;margin-bottom:9px}.text-action{background:none;border:0;color:#89edd0;padding:11px 0 0;font-size:11px;font-weight:750}.card-note,.mini-report{border:1px solid #345663;border-radius:9px;background:#142d38;color:#aed1d3;padding:12px;font-size:11px;line-height:1.6;margin:14px 0}.tool-intro{margin-bottom:15px}.tool-intro h3{font-size:16px}.input-inline{display:flex;gap:6px;margin:13px 0}.input-inline input{width:100%;min-width:0;border-radius:8px;background:#0e2332;border:1px solid #37596a;color:white;padding:10px}.inline-actions{display:flex;gap:7px;flex-wrap:wrap}.inline-actions>.btn{flex:1}.plan-items{max-height:270px;overflow:auto}.plan-row{display:flex;align-items:center;gap:7px;background:#152a37;padding:8px;border-radius:8px;margin-bottom:5px;border:1px solid #334a5a}.plan-row input[type=text]{min-width:0;flex:1;background:transparent;color:white;border:0;font-size:11px;padding:5px}.plan-row small{font-size:9px;color:#86afa9}.plan-row button{border:0;background:none;color:#c7a2ad;font-size:17px}.plan-blocked{color:#f3b59a}.plan-ready{color:#98ebd0}.field-row{margin:18px 0}.field-row label{display:flex;justify-content:space-between;color:#bed7db;font-weight:750;font-size:11px;margin-bottom:7px}.field-row output{color:#9af1d5}.field-row input{width:100%}.divider-line{border-bottom:1px solid #334c5b;margin:21px 0}.notice-sm{font-size:10px!important;color:#e4c6a2!important}.noise-list{max-height:235px;overflow:auto;display:grid;gap:5px}.noise-event{display:flex;align-items:center;gap:9px;padding:9px;background:#19303c;border:1px solid #344b5b;border-radius:8px;font-size:10px}.noise-event span{flex:1}.noise-event button{background:none;border:0;color:#7de6d2}.export-grid{display:grid;gap:9px}.diagnostics{display:grid;gap:10px}.diag-row{display:flex;justify-content:space-between;gap:10px;padding:5px 0;border-bottom:1px solid #2c4855;font-size:10px}.diag-row span{color:#8ba6b3}.diag-row b{overflow-wrap:anywhere;text-align:right}.job-panel{background:#091724;padding:15px 19px;border-top:1px solid #355060}.job-title{font-size:10px;font-weight:800;color:#b6d8d6;display:flex;align-items:center;gap:8px}.progressbar{background:#203746;height:5px;border-radius:20px;margin:11px 0 7px;overflow:hidden}.progressbar>div{height:100%;width:0;background:linear-gradient(90deg,#70cae1,#89f2cc);transition:width .25s}#jobDetails{color:#81a1ad;font-size:10px}
input[type=range]{accent-color:#83e7cb}select{cursor:pointer}
.toast{position:fixed;bottom:20px;right:20px;max-width:410px;background:#1e4046;border:1px solid #6ed4bc;color:#eafff7;padding:14px 18px;border-radius:12px;z-index:30;box-shadow:var(--shadow);font-size:12px}.toast.error{background:#4d2838;border-color:#c97687}.mobile-menu{display:none}.drop-overlay{position:fixed;inset:0;z-index:50;background:#0a1824e8;border:5px dashed #8cedd0;display:grid;place-items:center;text-align:center;color:#b6ffe4}.drop-overlay>div{font-size:50px}.drop-overlay h2{font-size:24px}.drop-overlay p{font-size:13px}.overlay{position:fixed;inset:0;background:#0009;z-index:12}
@media(max-width:1410px){.studio-layout{grid-template-columns:minmax(480px,1fr) 325px;padding:14px}.project-strip{margin:14px 14px 0}.track,.track-key{grid-template-columns:185px minmax(120px,1fr) 80px}.track-controls{gap:3px}.track-head{padding:9px 6px}.transport{gap:6px}.topbar{padding:0 14px}}
@media(max-width:1120px){.library{width:206px;flex-basis:206px}.studio-layout{grid-template-columns:minmax(0,1fr)}.inspector{position:static;max-height:none}.tabcontent{min-height:200px}.track,.track-key{grid-template-columns:225px minmax(120px,1fr) 100px}.source-stats{gap:10px}}
@media(max-width:760px){.library{position:fixed;left:-258px;width:246px;transition:left .2s}.library.open{left:0}.mobile-menu{display:grid}.topbar{height:64px}.topbar-right .status-pill,.topbar-right #openLibrary,.section-tag,.top-separator,.rename{display:none}.active-project{max-width:135px}.topbar-right .btn{padding:9px}.project-strip{flex-wrap:wrap}.source-stats{order:3;width:100%;justify-content:space-around}.project-strip>button{order:2}.studio-layout{padding:12px;gap:12px}.panel-heading{padding:19px 15px 12px}.panel-heading h1{font-size:25px}.monitor-body{margin:0 10px}.transport{flex-wrap:wrap;padding:12px}.transport #seek{order:2;flex-basis:100%}.transport .transport-divider{display:none}.transport strong{flex:1}.monitor-foot{padding:0 15px 14px}.track-list{overflow-x:auto}.track,.track-key{min-width:690px;grid-template-columns:215px 365px 110px}.track-actions{flex-direction:column;align-items:flex-end;gap:4px}.section-heading{padding:16px 12px}.section-heading h2{font-size:18px}.soft-status{font-size:9px}.tracks-footer{flex-wrap:wrap}.tracks-footer .foot-actions{width:100%}.tracks-footer .foot-actions>*{flex:1}.tabrail{justify-content:space-between}.tabrail button{padding:9px 6px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}

.bass-advanced{background:#102937;border:1px solid #345c62;border-radius:10px;margin:13px 0;padding:12px}.bass-advanced summary{font-size:11px;color:#9aeed1;font-weight:750;cursor:pointer}.bass-advanced .field-row{margin:12px 0}

/* Effect racks float above neighboring rows instead of being clipped. */
.tracks.panel{overflow:visible}
.track{position:relative}
.track:has(details[open]){z-index:8}
.fx-panel{position:relative}
@media(max-width:760px){
 .track-list{overflow-x:auto;overflow-y:visible}
 .fx-controls{position:absolute;right:0;top:100%;width:200px}
}