:root{--bg:#0c0c0c;--panel:#141414;--panel2:#222;--line:#3a3a3a;--line-strong:#5c5c5c;--text:#f4f4f4;--muted:#a3a3a3;--steel:#f4f4f4;--steel-2:#c8c8c8;--ink:#1a1a1a;--action:#f5f5f5;--action-ink:#1a1a1a;--success:#7dba9a;--warning:#e8c96a;--danger:#e07a84;--surface-1:#141414;--surface-2:#262626;--surface-3:#2c2c2c;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--control-h:32px;--ctl:14px;--secondary:12px;--title:18px;--focus:#f5f5f5;--font:Inter,Bahnschrift,"Segoe UI Variable Text","Segoe UI",sans-serif;--mono:"Cascadia Mono",Consolas,ui-monospace,monospace}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);font:14px/1.45 var(--font);min-width:0;margin:0}.material-symbols-outlined{vertical-align:middle;font-variation-settings:"FILL" 1,"wght" 300,"GRAD" 0,"opsz" 24;font-family:Material Symbols Outlined;font-size:16px;line-height:1}.shell{background:var(--bg);grid-template-rows:59px 56px 1fr minmax(168px,28vh) 29px;height:100vh;min-height:0;display:grid}button,input,select{font:inherit;color:inherit}button{cursor:pointer}.topbar{border-bottom:1px solid var(--line);background:var(--bg);align-items:center;padding:0 23px;display:flex}.brand{color:inherit;cursor:pointer;font-family:var(--font);background:0 0;border:0;align-items:center;padding:0;display:flex}.brand-mark{letter-spacing:-.04em;color:var(--text);font-size:16px;font-weight:700;line-height:1}.project{color:var(--muted);background:0 0;border:0;align-items:center;gap:9px;margin:auto;font-size:13px;display:flex}.project strong{color:var(--text);font-size:14px;font-weight:600}.project-dot{background:var(--success);border-radius:50%;width:7px;height:7px}.top-actions{align-items:center;gap:9px;display:flex}.icon-btn,.ghost{color:var(--text);background:0 0;border:0;border-radius:8px;place-items:center;width:32px;height:32px;font-size:18px;display:grid}.icon-btn:hover,.ghost:hover{background:var(--surface-3)}.outline-btn{background:var(--action);color:var(--action-ink);border:0;border-radius:8px;align-items:center;gap:6px;padding:8px 14px;font-size:14px;font-weight:650;display:inline-flex}.outline-btn:hover{filter:brightness(1.06)}.avatar{color:var(--muted);background:0 0;border:0;border-radius:8px;width:32px;height:32px;font-size:12px;font-weight:650}.transport{border-bottom:1px solid var(--line);background:var(--bg);align-items:center;padding:0 24px;display:flex}.transport-controls,.tempo,.transport-right{align-items:center;gap:11px;display:flex}.tempo{margin:auto}.round{background:var(--action);width:32px;height:32px;color:var(--action-ink);border:0;border-radius:50%;place-items:center;font-size:14px;display:grid}.stop{color:var(--text);background:0 0;border:0;border-radius:8px;width:32px;height:32px}.bar-count{font-family:var(--mono);color:var(--text);margin-left:5px;font-size:13px}.tempo label{color:var(--muted);letter-spacing:0;font-size:12px;font-weight:600}.tempo input,.tempo select{font-family:var(--mono);width:48px;color:var(--text);background:0 0;border:0;margin-left:6px;font-size:13px}.divider{background:#3a3a3a;width:1px;height:16px}.transport-right{color:#9c9c9c;font:10px var(--mono)}.workspace{min-height:0;display:contents}.tools{border-right:1px solid var(--line);background:#141414b8;flex-direction:column;padding:22px 12px;display:flex}.sidebar-title{text-transform:uppercase;letter-spacing:.13em;color:#a3a3a3;padding:0 11px 16px;font-size:10px}.sidebar-title span{color:#f5f5f5;float:right;font-size:15px}.tool{color:#a3a3a3;text-align:left;background:0 0;border:0;border-radius:7px;grid-template-columns:22px 1fr auto;align-items:center;gap:6px;padding:11px;transition:all .18s;display:grid;position:relative}.tool i{color:#a3a3a3;font-size:17px;font-style:normal}.tool small{color:#8f8f8f;font-size:9px}.tool:hover{color:#f1f1f1;background:#b3b6ba14;border:1px solid #b5b8bc33}.tool.active:before{content:"";background:#f5f5f5;border-radius:0 3px 3px 0;width:2px;position:absolute;inset:7px auto 7px 0}.tool.active i{color:#f5f5f5}.library,.settings{color:#a0a0a0;text-align:left;background:0 0;border:0;padding:9px 11px}.main-stage{padding:28px 29px 0;overflow:hidden}.stage-header{justify-content:space-between;align-items:flex-start;display:flex}.eyebrow{font:600 12px var(--font);letter-spacing:0;color:var(--muted);text-transform:none;margin:0 0 6px}h1{letter-spacing:-.04em;margin:0;font-size:28px;font-weight:700}.session-pill{color:#a3a3a3;font:10px var(--mono);background:#1a1a1a;border:1px solid #9d9fa32e;border-radius:99px;align-items:center;gap:6px;padding:6px 9px;display:inline-flex}.generator{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:10px;margin-top:22px;padding:9px}.prompt{background:#1a1a1a;border-radius:7px;align-items:center;padding-left:12px;display:flex}.spark{color:#f5f5f5;font-size:17px}.prompt input{color:#f5f5f5;background:0 0;border:0;outline:0;flex:1;padding:13px 9px;font-size:12px}.prompt button{color:#1a1a1a;background:#f5f5f5;border:0;border-radius:5px;padding:10px 13px;font-size:11px;font-weight:800}.prompt button span{margin-left:7px;font-size:15px}.chips{gap:6px;padding:9px 2px 1px;display:flex}.chip{color:#a3a3a3;background:0 0;border:1px solid #3a3a3a;border-radius:99px;padding:5px 10px;font-size:10px}.chip.selected{color:#f5f5f5;background:#3a3a3a;border-color:#8f8f8f}.settings-chip{border:0;margin-left:auto}.ideas-head{font:600 12px var(--font);letter-spacing:0;color:var(--muted);justify-content:space-between;margin:23px 0 9px;display:flex}.hint{letter-spacing:0;color:#8f8f8f}.ideas{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.idea{text-align:left;min-width:0;color:inherit;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;padding:10px;position:relative}.idea.chosen{box-shadow:none;background:#1a1a1a;border-color:#a3a3a3}.idea-number{font:9px var(--mono);color:#8f8f8f}.wave{align-items:center;gap:2px;height:35px;margin:4px 0;display:flex}.wave i{background:#909090;border-radius:2px;width:2px}.idea-text{white-space:nowrap;flex-direction:column;gap:2px;display:flex;overflow:hidden}.idea-text strong{font-size:11px}.idea-text span{color:#8f8f8f;text-overflow:ellipsis;font-size:9px;overflow:hidden}.add{color:#f5f5f5;background:#3a3a3a;border:0;border-radius:4px;width:19px;height:19px;position:absolute;bottom:8px;right:8px}.timeline-title{font:9px var(--mono);letter-spacing:.1em;color:#969696;grid-template-columns:140px 1fr;align-items:end;gap:10px;margin-top:25px;display:grid}.timeline-ruler{color:#8f8f8f;grid-template-columns:repeat(8,1fr);display:grid}.arrangement{grid-template-columns:140px 1fr;height:50px;margin-top:5px;display:grid}.track-label{background:#1a1a1a;border:1px solid #3a3a3a;border-right:0;align-items:center;gap:8px;padding:7px;display:flex}.track-label strong{font-size:10px;display:block}.track-label small{color:#8f8f8f;font-size:8px}.track-label button{color:#8f8f8f;background:0 0;border:0}.track-icon{color:#f5f5f5}.clip{color:#f5f5f5;font:9px var(--mono);background:#3a3a3a;border:1px solid #8f8f8f;padding:7px 9px;position:relative;overflow:hidden}.mini-notes{background:repeating-linear-gradient(90deg,#0000 0 10px,#f5f5f5 10px 17px,#0000 17px 26px);position:absolute;inset:28px 10px 5px}.inspector{border-left:1px solid var(--line);background:#181818eb;padding:19px}.inspector-title{color:#a3a3a3;font:10px var(--mono);letter-spacing:.1em;justify-content:space-between;display:flex}.inspector-title button{color:#a3a3a3;background:0 0;border:0;font-size:20px}.preset-art{color:#f5f5f5;height:91px;font:9px var(--mono);letter-spacing:.1em;background:#3a3a3a;border-radius:8px;align-items:end;margin-top:16px;padding:10px;display:flex;position:relative;overflow:hidden}.orb{filter:none;background:#f5f5f5;border-radius:50%;width:105px;height:105px;position:absolute;top:-32px;right:-11px}.preset-art span{z-index:1}.inspector h2{letter-spacing:-.04em;margin:17px 0 5px;font-size:18px}.description{color:#979797;font-size:10px;line-height:1.65}.details{border-top:1px solid #3a3a3a;border-bottom:1px solid #3a3a3a;gap:9px;margin:17px 0;padding:10px 0;display:grid}.details div{justify-content:space-between;display:flex}.details span{font:9px var(--mono);color:#8f8f8f}.details strong{font-size:10px}.details div:last-child strong{color:#f5f5f5;letter-spacing:2px}.full-preview,.add-project,.text-btn{border-radius:6px;width:100%;padding:10px;font-size:10px}.full-preview{color:#f5f5f5;background:0 0;border:1px solid #3a3a3a;margin-bottom:8px}.full-preview span{float:right;color:#909090}.add-project{background:var(--action);color:var(--action-ink);border:0;font-size:14px;font-weight:650}.add-project.added{background:var(--success);color:var(--ink)}.text-btn{color:#a3a3a3;background:0 0;border:0;margin-top:8px}.piano-section{border-top:1px solid var(--line);background:#1a1a1a;min-height:0}.piano-header{height:38px;font:9px var(--mono);letter-spacing:.1em;border-bottom:1px solid #3a3a3a;justify-content:space-between;align-items:center;padding:0 17px;display:flex}.piano-dot{background:#f5f5f5;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.muted{color:#8f8f8f;letter-spacing:0;margin-left:10px}.piano-wrap{height:auto;min-height:0;display:grid;overflow:auto}.keyboard{background:#1a1a1a;border-right:1px solid #3a3a3a;flex:none;width:72px}.key{border-bottom:1px solid #3a3a3a;height:16px;position:relative}.key.white span{color:#8f8f8f;font:8px var(--mono);position:absolute;top:-5px;right:5px}.key.black{background:#1a1a1a}.grid{background:repeating-linear-gradient(0deg,#0000 0 15px,#3a3a3a 15px 16px),repeating-linear-gradient(90deg,#0000 0 calc(6.25% - 1px),#3a3a3a calc(6.25% - 1px) 6.25%),repeating-linear-gradient(90deg,#0000 0 calc(25% - 1px),#3a3a3a calc(25% - 1px) 25%);flex:1;position:relative}.note{height:13px;box-shadow:;background:#f5f5f5;border:0;border-radius:3px;position:absolute}.note:hover{filter:brightness(1.3)}.playhead{z-index:2;width:1px;height:100%;box-shadow:none;background:#f5f5f5;position:absolute;left:0}footer{border-top:1px solid var(--line);background:var(--bg);color:var(--muted);justify-content:space-between;padding:6px 18px;font-size:12px;display:flex}footer b{color:var(--action);font-weight:600}kbd{color:#a3a3a3;border:1px solid #3a3a3a;border-radius:3px;padding:1px 4px;font-family:inherit}.topbar .icon-btn,.topbar .ghost{color:#f4f4f4;box-shadow:none;background:#2c2c2c;border:0;border-radius:8px;font:600 14px/1 Inter,sans-serif}.topbar .icon-btn:hover,.topbar .ghost:hover{background:#3a3a3a}.main-stage h1{font-weight:600}.library-modal{z-index:20;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0c0c0ccc;place-items:center;display:grid;position:fixed;inset:0}.library-card{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:14px;width:min(960px,94vw);max-height:86vh;padding:25px;overflow:auto;box-shadow:0 28px 70px #0c0c0c88}.library-head{justify-content:space-between;align-items:start;display:flex}.library-head span{font:10px var(--mono);letter-spacing:.13em;color:#f5f5f5}.library-head h2{letter-spacing:-.04em;margin:6px 0;font-size:21px}.library-head button{color:#f5f5f5;background:0 0;border:0;font-size:24px}.library-card>p{color:#f5f5f5;font-size:11px}.library-assign{background:#141414;border:1px solid #3a3a3a;border-radius:10px;margin:0 0 12px;padding:12px 14px}.library-assign-actions{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.library-assign-hint{color:#a3a3a3;margin:10px 0 0;font-size:11px;line-height:1.4}.library-modal.is-assigning .library-assign{border-color:#f5f5f5}.library-tools{margin-top:14px}.library-search{box-sizing:border-box;color:#eee;width:100%;font:12px var(--font);background:#1a1a1a;border:1px solid #3a3a3a;border-radius:7px;padding:10px 12px}.pack-row,.group-row,.kit-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:10px;display:flex}.library-assign .kit-row{margin-top:0}.pack-row button,.group-row button,.kit-row button{color:#f5f5f5;font:10px var(--mono);letter-spacing:.03em;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:99px;padding:6px 10px}.pack-row button.on,.group-row button.on,.kit-row button.on{color:#fff;background:#3a3a3a;border-color:#f5f5f5}.kit-row span,.group-row{color:#8f8f8f}.group-row{max-height:78px;overflow:auto}.sound-groups{grid-template-columns:repeat(3,1fr);gap:8px;max-height:42vh;margin:14px 0;display:grid;overflow:auto}.sound-preview{color:#eee;text-align:left;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;padding:12px;display:flex}.sound-preview .sound-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.sound-preview .sound-copy span{font:9px var(--mono);color:#a3a3a3}.sound-preview .sound-copy strong{font-size:11px}.sound-preview em{font:9px var(--mono);color:#f5f5f5;letter-spacing:.04em;white-space:nowrap;font-style:normal}.sound-preview.can-assign{border-color:#5a5a5a}.sound-preview.is-playing{background:#3a3a3a;border-color:#f5f5f5}.empty-sounds{color:#f5f5f5;grid-column:1/-1;font-size:12px}.library-meta{color:#8f8f8f;justify-content:space-between;gap:12px;font-size:10px;display:flex}@media (width<=800px){.sound-groups{grid-template-columns:1fr}}.workspace-overlay[hidden],.library-modal[hidden]{display:none!important}.workspace-overlay{z-index:30;-webkit-backdrop-filter:none;backdrop-filter:none;background:#0c0c0cc9;place-items:center;display:grid;position:fixed;inset:0}.workspace-card{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:13px;width:min(680px,90vw);padding:25px;box-shadow:0 25px 80px #0c0c0c99}.workspace-card header{justify-content:space-between;align-items:start;margin-bottom:18px;display:flex}.workspace-card header span{font:10px var(--mono);letter-spacing:.13em;color:#f5f5f5}.workspace-card h2{letter-spacing:-.04em;margin:5px 0 0;font-size:22px}.close-workspace{color:#f5f5f5;background:0 0;border:0;font-size:25px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;margin-bottom:18px;display:grid}.form-grid label{letter-spacing:.08em;color:#a3a3a3;font-size:10px}.form-grid input,.form-grid select{color:#eee;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;width:100%;margin-top:6px;padding:10px;display:block}.primary-action,.secondary-action{border:0;border-radius:6px;padding:11px 14px;font-size:11px;font-weight:700}.primary-action{color:#1a1a1a;background:#f5f5f5}.secondary-action{color:#e3e3e3;background:#3a3a3a}.page-copy{color:#a3a3a3;line-height:1.6}.kit-grid,.preset-grid{grid-template-columns:repeat(3,1fr);gap:9px;margin:18px 0;display:grid}.kit-grid button,.preset-grid button,.chord-row button,.track-actions button{color:#e8e8e8;text-align:left;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:7px;padding:12px}.kit-grid button:hover,.preset-grid button:hover,.chord-row button:hover,.selected-choice{background:#3a3a3a!important;border-color:#f5f5f5!important}.kit-grid small,.preset-grid small{color:#9d9d9d;font-size:9px}.page-result{color:#9be0c3;margin-top:12px;font-size:11px}.chord-row{gap:8px;margin:18px 0;display:grid}.track-actions{gap:7px;display:grid}.account-card{align-items:center;gap:14px;margin:12px 0 20px;display:flex}.account-avatar{color:#1a1a1a;background:#f5f5f5;border-radius:50%;place-items:center;width:45px;height:45px;font-weight:800;display:grid}.account-card p{color:#999;margin:4px 0;font-size:11px}.toast{z-index:50;opacity:0;pointer-events:none;color:#eee;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:7px;padding:10px 15px;font-size:11px;transition:all .18s;position:fixed;bottom:45px;left:50%;transform:translate(-50%,16px)}.toast.show{opacity:1;transform:translate(-50%)}.inspector-hidden{display:none}.metronome{cursor:pointer}.metronome-on{color:#9ce3c7}.piano-wrap::-webkit-scrollbar{width:5px}.piano-wrap::-webkit-scrollbar-track{background:0 0}.piano-wrap::-webkit-scrollbar-thumb:hover{background:#8f8f8f}.note.playing{filter:brightness(1.4) drop-shadow()!important}.piano-wrap{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent;min-height:0;position:relative;overflow:hidden auto}.keyboard{flex-shrink:0}.grid{cursor:crosshair}.note{-webkit-user-select:none;user-select:none;cursor:pointer;background:#f5f5f5;border:0;border-radius:3px;justify-content:space-between;align-items:center;height:13px;padding:0;transition:transform .12s,box-shadow .12s,filter .12s;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 1px #ffffff59}.note:hover{filter:brightness(1.25);transform:translateY(-1px)}.note.selected{box-shadow:none}.note-pitch{font:8px var(--mono);color:#1a1a1a;pointer-events:none;padding-left:4px;font-weight:700}.note-handle{cursor:col-resize;background:#ffffff47;border-top-right-radius:3px;border-bottom-right-radius:3px;width:8px;height:100%}.note-handle:hover{background:#ffffffb3}.playhead{pointer-events:none;height:100%!important}.drum-top-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:2px;display:flex}.punch-btn{color:#9e9e9e;font:10px var(--mono);letter-spacing:.08em;cursor:pointer;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;align-items:center;gap:8px;padding:8px 13px;transition:all .18s;display:inline-flex}.punch-btn:hover{color:#f5f5f5;border-color:#a3a3a3}.punch-btn.on{color:#f0f0f0;box-shadow:none;background:#3a3a3a;border-color:#f5f5f5}.punch-led{background:#8f8f8f;border-radius:50%;width:7px;height:7px;transition:all .18s}.punch-btn.on .punch-led{box-shadow:none;background:#f5f5f5}.drum-lanes .drum-lane{background:#1a1a1a;border:1px solid #535458e6;border-radius:8px;grid-template-columns:minmax(108px,156px) 118px minmax(0,1fr);align-items:stretch;gap:10px;padding:6px 8px;transition:all .16s;display:grid;box-shadow:inset 0 1px #ffffff05}.drum-lanes .drum-lane:hover{box-shadow:inset 0;border-color:#b6b9bd9e}.drum-lanes .drum-lane.drag-over{box-shadow:none;transform:scale(1.008);background:#3a3a3a!important;border:1px dashed #a3a3a3!important}.drum-lanes .drum-lane:has(.step.on){background:#1a1a1a;border-color:#bec1c5bf;box-shadow:0 10px 18px #797b7e1f}.drum-lanes .drum-lane:has(.step.now){box-shadow:inset 0;border-color:#c1c4c8b8}.lane-info{flex-direction:column;justify-content:center;align-items:stretch;gap:6px;min-width:0;display:flex}.lane-label-btn{color:#f5f5f5;font:10px var(--mono);letter-spacing:.08em;cursor:pointer;box-sizing:border-box;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;align-items:center;gap:5px;width:100%;min-width:0;padding:7px 9px;transition:all .15s;display:inline-flex;box-shadow:inset 0 1px #ffffff08}.lane-label-btn:hover{color:#fff;box-shadow:0;background:#3a3a3a;border-color:#a3a3a3}.lane-label-btn:focus-visible{outline-offset:1px;outline:2px solid #c4c7cc99}.lane-sample-control{flex:none;align-items:center;gap:4px;min-width:0;display:flex}.lane-sample-btn{box-sizing:border-box;color:#919191;width:100%;min-width:0;font:9px var(--mono);cursor:pointer;text-align:left;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;flex:auto;justify-content:space-between;align-items:center;gap:4px;padding:6px 8px;transition:all .15s;display:flex}.lane-sample-btn.has-custom{color:#f5f5f5;background:#3a3a3a;border-color:#a3a3a3;font-weight:600}.sample-name{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.upload-icon{color:#a3a3a3;flex-shrink:0;font-size:10px}.reset-sample-btn{color:#f5f5f5;width:auto;height:28px;font:9px var(--mono);cursor:pointer;white-space:nowrap;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;flex-shrink:0;place-items:center;padding:0 8px;line-height:1;transition:all .15s;display:grid}.lane-sample-btn{color:#f5f5f5;background:#1a1a1a;border-color:#3a3a3a;padding:7px 8px}.lane-sample-btn:hover{color:#ededed;background:#1a1a1a;border-color:#8f8f8f}.lane-sample-btn.has-custom{color:#e5e5e5;background:#3a3a3a;border-color:#8f8f8f}.upload-icon{color:#f5f5f5}.reset-sample-btn{color:#f5f5f5;background:#1a1a1a;border-color:#8f8f8f}.reset-sample-btn:hover{color:#ff9e9e;background:#441c22;border-color:#e57373}@media (width<=760px){.drum-lanes .drum-lane{grid-template-columns:minmax(0,1fr) 118px;gap:6px}.drum-lanes .steps{grid-column:1/-1}.lane-info{justify-content:flex-start}}.spectrum-meter{background:linear-gradient(#242424 0%,#141414 100%);border:1px solid #3a3a3a;border-radius:8px;align-items:center;height:32px;padding:2px;display:inline-flex;position:relative;box-shadow:inset 0 1px #ffffff12,0 1px #0c0c0c}.spectrum-meter:before,.spectrum-meter:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#5a5a5a,#2a2a2a);border-radius:1px;width:2px;position:absolute;top:6px;bottom:6px}.spectrum-meter:before{left:5px}.spectrum-meter:after{right:5px}.spectrum-canvas{background:#0a0a0a;border:1px solid #1c1c1c;border-radius:5px;width:168px;height:28px;display:block;box-shadow:inset 0 1px 3px #000,inset 0 -1px #1a1a1a}.fx-rack-card{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:10px;margin-bottom:8px;padding:16px;box-shadow:0 4px 20px #00000040}.fx-rack-header{border-bottom:1px solid #3a3a3a;justify-content:space-between;align-items:center;margin-bottom:14px;padding-bottom:10px;display:flex}.fx-rack-title{align-items:center;gap:8px;display:flex}.fx-badge{font:9px var(--mono);color:#1a1a1a;letter-spacing:.08em;background:#f5f5f5;border-radius:3px;padding:2px 6px;font-weight:800}.fx-status-tag{font:9px var(--mono);color:#f5f5f5;background:#3a3a3a;border:1px solid #8f8f8f;border-radius:99px;padding:3px 8px}.fx-controls-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.fx-knob-box{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;flex-direction:column;align-items:stretch;gap:4px;padding:12px 12px 10px;display:flex}.fx-knob-label{font:9px var(--mono);color:#a1a1a1;justify-content:space-between;display:flex}.fx-knob-label b{color:#a3a3a3}.fx-slider{accent-color:#f5f5f5;cursor:pointer;width:100%}.fx-scale-labels{font:8px var(--mono);color:#8f8f8f;justify-content:space-between;width:100%;display:flex}.pot{--t:.5;--from:0;--to:var(--t);touch-action:none;cursor:ns-resize;-webkit-user-select:none;user-select:none;width:78px;height:78px;margin:8px auto 2px;position:relative}.pot.bipolar{--from:min(var(--t), .5);--to:max(var(--t), .5)}.pot.bipolar:after{content:"";pointer-events:none;background:#8a8a8a;border-radius:1px;width:2px;height:7px;margin-left:-1px;position:absolute;top:0;left:50%}.pot-track,.pot-arc{pointer-events:none;border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 calc(100% - 7px));mask:radial-gradient(farthest-side,#0000 calc(100% - 8px),#000 calc(100% - 7px))}.pot-track{background:conic-gradient(from 135deg,#2a2a2a 0deg,#3a3a3a 270deg,#0000 270deg)}.pot-arc{background:conic-gradient(from 135deg, transparent 0 calc(var(--from) * 270deg), #f4f4f4 calc(var(--from) * 270deg) calc(var(--to) * 270deg), transparent calc(var(--to) * 270deg))}.pot-cap{pointer-events:none;transform:rotate(calc(-135deg + var(--t) * 270deg));background:radial-gradient(circle at 36% 30%,#f7f7f7,#c8c8c8 40%,#8e8e8e 76%,#5e5e5e);border-radius:50%;position:absolute;inset:13px;box-shadow:inset 0 1px 1px #ffffffbf,inset 0 -3px 5px #00000073,0 2px 4px #0000008c}.pot-cap i{background:#161616;border-radius:1px;width:2px;height:16px;margin-left:-1px;position:absolute;top:6px;left:50%}.pot-range{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.pot:focus-within{outline-offset:3px;border-radius:50%;outline:1px solid #a3a3a3}.pot.compact{width:46px;height:46px;margin:1px auto}.pot.compact .pot-cap{inset:8px}.pot.compact .pot-cap i{height:10px;top:3px}.pot.compact.bipolar:after{height:5px}.pot.tiny{width:32px;height:32px;margin:0}.pot.tiny .pot-track,.pot.tiny .pot-arc{-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px));mask:radial-gradient(farthest-side,#0000 calc(100% - 5px),#000 calc(100% - 4px))}.pot.tiny .pot-cap{inset:6px}.pot.tiny .pot-cap i{height:7px;top:2px}.lane-desk{justify-content:center;align-items:flex-end;gap:8px;min-width:0;display:flex}.lane-pan,.lane-level{flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.lane-pan>span,.lane-level>span{font:8px var(--mono);letter-spacing:.1em;color:#8a8a8a}.lane-pan b{font:9px var(--mono);color:#d0d0d0;text-align:center;min-width:28px;font-weight:500}.lane-fader-well{width:28px;height:90px;position:relative;overflow:hidden}.lane-fader-well:before{content:"";pointer-events:none;background:#6e6e6e;width:5px;height:1px;position:absolute;top:23px;right:1px}.lane-fader{appearance:none;cursor:ns-resize;background:0 0;width:62px;height:22px;margin:0 0 0 -31px;position:absolute;top:22px;left:50%;transform:rotate(-90deg)}.lane-fader::-webkit-slider-runnable-track{background:#0c0c0c;border:0;border-radius:2px;height:3px;box-shadow:inset 0 1px 2px #000,0 1px #333}.lane-fader::-webkit-slider-thumb{appearance:none;cursor:ns-resize;background:linear-gradient(#1a1a1a,#1a1a1a) 50%/10px 1px no-repeat,linear-gradient(#fbfbfb 0%,#d4d4d4 48%,#8d8d8d 100%);border:1px solid #5a5a5a;border-radius:2px;width:10px;height:18px;margin-top:-7.5px;box-shadow:inset 0 1px #ffffffb3,0 1px 2px #00000073}.lane-fader::-moz-range-track{background:#0c0c0c;border:0;border-radius:2px;height:3px}.lane-fader::-moz-range-thumb{cursor:ns-resize;background:#d4d4d4;border:1px solid #5a5a5a;border-radius:2px;width:10px;height:18px}.lane-fader-well small{text-align:center;font:8px var(--mono);color:#cfcfcf;margin:0;position:absolute;bottom:0;left:0;right:0}.lane-flags{gap:4px;display:flex}.lane-flags .strip-mute{width:22px;height:18px;font-size:9px}.drum-lane.is-muted .lane-info,.drum-lane.is-muted .lane-desk{opacity:.42}.mix-console{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.channel-strip{background:linear-gradient(#222 0%,#141414 100%);border:1px solid #3a3a3a;border-radius:10px;flex-direction:column;align-items:center;gap:10px;min-width:0;padding:14px 8px 12px;display:flex}.channel-strip strong{font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#e8e8e8}.fader-bed{align-items:stretch;gap:2px;height:200px;display:flex}.fader-scale{width:22px;font:8px var(--mono);color:#7a7a7a;text-align:right;flex-direction:column;justify-content:space-between;padding:14px 0 46px;display:flex}.fader-scale em{font-style:normal}.fader-well{width:52px;height:200px;position:relative;overflow:hidden}.channel-fader{appearance:none;cursor:ns-resize;background:0 0;width:148px;height:36px;margin:0 0 0 -74px;position:absolute;top:66px;left:50%;transform:rotate(-90deg)}.channel-fader::-webkit-slider-runnable-track{background:#0c0c0c;border:0;border-radius:2px;height:4px;box-shadow:inset 0 1px 2px #000,0 1px #3a3a3a}.channel-fader::-webkit-slider-thumb{appearance:none;cursor:ns-resize;background:linear-gradient(#1a1a1a,#1a1a1a) 50%/16px 1.5px no-repeat,linear-gradient(#fbfbfb 0%,#d4d4d4 48%,#8d8d8d 100%);border:1px solid #5a5a5a;border-radius:2px;width:16px;height:32px;margin-top:-14px;box-shadow:inset 0 1px #ffffffb3,0 2px 3px #00000080}.channel-fader::-moz-range-track{background:#0c0c0c;border:0;border-radius:2px;height:4px}.channel-fader::-moz-range-thumb{cursor:ns-resize;background:linear-gradient(#fbfbfb 0%,#8d8d8d 100%);border:1px solid #5a5a5a;border-radius:2px;width:16px;height:32px}.fader-well small{text-align:center;font:9px var(--mono);color:#cfcfcf;margin:0;position:absolute;bottom:4px;left:0;right:0}.strip-mute{color:#8a8a8a;width:32px;height:22px;font:10px var(--mono);letter-spacing:.06em;cursor:pointer;background:#121212;border:1px solid #3a3a3a;border-radius:3px;padding:0}.strip-mute:hover{color:#f5f5f5;border-color:#8f8f8f}.strip-mute.on{color:#141414;background:#f2f2f2;border-color:#f2f2f2}.strip-switches{gap:6px;display:flex}.strip-pan{margin-top:2px}.channel-strip.is-muted .channel-fader,.channel-strip.is-muted .strip-pan{opacity:.4}@media (width<=760px){.mix-console{grid-template-columns:repeat(2,minmax(0,1fr))}}.song-structure-bar{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:10px;flex-direction:column;gap:10px;margin-top:14px;padding:12px 14px;display:flex}.song-structure-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.mode-pill{color:#f4f4f4;height:32px;font:600 14px/1 var(--font,sans-serif);letter-spacing:0;cursor:pointer;background:#2c2c2c;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.mode-pill:hover{color:#f5f5f5;background:#3a3a3a}.mode-pill.on{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.mode-dot{background:#8f8f8f;border-radius:50%;width:6px;height:6px}.mode-pill.on .mode-dot{box-shadow:none;background:#f5f5f5}.structure-hint{font:9px var(--mono);color:#8f8f8f}.section-tiles{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.section-tile{cursor:pointer;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;flex-direction:column;gap:6px;padding:9px 10px;transition:all .16s;display:flex}.section-tile:hover{background:#1a1a1a;border-color:#8f8f8f}.section-tile.active{box-shadow:inset 0;background:#3a3a3a;border-color:#f5f5f5}.section-top{font:9px var(--mono);justify-content:space-between;align-items:center;display:flex}.sec-num{color:#8f8f8f}.section-tile strong{color:#e3e3e3;font-size:11px}.sec-bars{color:#9e9e9e;font-size:8px}.section-track-tags{flex-wrap:wrap;gap:3px;display:flex}.sec-tag{font:8px var(--mono);color:#8f8f8f;-webkit-user-select:none;user-select:none;cursor:pointer;background:#3a3a3a;border-radius:3px;padding:2px 5px}.sec-tag.on{color:#f5f5f5;background:#3a3a3a}.tuned-808-btn{color:#959595;font:8px var(--mono);letter-spacing:.08em;cursor:pointer;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;align-items:center;gap:4px;padding:4px 7px;transition:all .15s;display:inline-flex}.tuned-808-btn:hover{color:#f5f5f5;border-color:#a3a3a3}.tuned-808-btn.on{color:#f5f5f5;box-shadow:none;background:#1a1a1a;border-color:#8f8f8f}.pitch-dot{background:#8f8f8f;border-radius:50%;width:5px;height:5px}.tuned-808-btn.on .pitch-dot{box-shadow:none;background:#8f8f8f}.featured-export{position:relative;background:#1a1a1a!important;border-color:#8f8f8f!important}.export-badge-pill{font:8px var(--mono);letter-spacing:.12em;color:#f5f5f5;margin-bottom:6px;font-weight:700}.piano-inst-select{color:#f5f5f5;font:9px var(--mono);cursor:pointer;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;outline:none;margin-right:8px;padding:3px 8px;transition:all .15s}.piano-inst-select:hover,.piano-inst-select:focus{color:#f3f3f3;background:#1a1a1a;border-color:#a3a3a3}.inst-kit-row{flex-wrap:wrap;gap:4px;display:flex}.inst-kit-row button{padding:4px 8px!important;font-size:9px!important}.library-card{max-height:85vh;overflow-y:auto;max-width:820px!important}.factory-vocals-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:10px 0 16px;display:grid}.vocal-card{cursor:pointer;text-align:left;color:#e4e4e4;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:7px;align-items:center;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.vocal-card:hover{background:#1a1a1a;border-color:#f5f5f5}.vocal-card.chosen{box-shadow:none;background:#3a3a3a;border-color:#f5f5f5}.vocal-icon{flex:none;font-size:16px}.vocal-info{flex-direction:column;gap:2px;min-width:0;display:flex}.vocal-info strong{white-space:nowrap;text-overflow:ellipsis;font-size:11px;overflow:hidden}.vocal-info span{font:8px var(--mono);color:#919191}.lane-mix-controls{flex-direction:column;gap:2px;min-width:68px;display:flex}.lane-mix-controls label{font:8px var(--mono);color:#8f8f8f;justify-content:space-between;align-items:center;gap:4px;display:flex}.mini-slider{appearance:none;cursor:ew-resize;background:0 0;border-radius:2px;outline:none;width:42px;height:16px}.mini-slider::-webkit-slider-runnable-track{background:#2a2a2a;border-radius:2px;height:3px;box-shadow:inset 0 1px 1px #000}.mini-slider::-webkit-slider-thumb{appearance:none;cursor:ew-resize;background:linear-gradient(#1a1a1a,#1a1a1a) 50%/6px 1px no-repeat,linear-gradient(#f7f7f7,#9a9a9a);border:1px solid #6a6a6a;border-radius:2px;width:8px;height:14px;margin-top:-5.5px}.mini-slider::-webkit-slider-thumb:hover{background:linear-gradient(#1a1a1a,#1a1a1a) 50%/6px 1px no-repeat,linear-gradient(#fff,#b5b5b5)}.mini-slider::-moz-range-thumb{cursor:ns-resize;background:#d0d0d0;border:1px solid #6a6a6a;border-radius:2px;width:8px;height:14px}.drum-lanes .step{position:relative}.roll-badge{font:7px var(--mono);color:#1a1a1a;pointer-events:none;box-shadow:none;background:#f5f5f5;border-radius:2px;padding:0 2px;font-weight:800;line-height:1.1;position:absolute;top:2px;right:2px}.tap-tempo-btn{color:#f4f4f4;height:32px;font:600 14px/1 var(--font,sans-serif);cursor:pointer;-webkit-user-select:none;user-select:none;background:#2c2c2c;border:0;border-radius:8px;padding:0 12px}.tap-tempo-btn:hover{color:#fff;background:#3a3a3a;border-color:#f5f5f5}.tap-tempo-btn:active{color:#1a1a1a;background:#a3a3a3;transform:scale(.94)}.mastering-row{grid-template-columns:1fr 1fr;gap:12px;margin:14px 0;display:grid}@media (width<=640px){.mastering-row{grid-template-columns:1fr}}.master-btn{color:#a3a3a3;cursor:pointer;text-align:left;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:9px;align-items:center;gap:12px;padding:14px 16px;transition:all .18s;display:flex}.master-btn:hover{background:#1a1a1a;border-color:#8f8f8f}.master-btn.on{color:#f0f0f0;box-shadow:none;background:#1a1a1a;border-color:#f5f5f5}.master-led{background:#3a3a3a;border-radius:50%;flex-shrink:0;width:10px;height:10px;transition:all .18s}.master-btn.on .master-led{box-shadow:none;background:#f5f5f5}.master-btn-text strong{font:11px var(--mono);letter-spacing:.05em;color:#e3e3e3;display:block}.master-btn.on .master-btn-text strong{color:#fff}.master-btn-text small{color:#909090;margin-top:2px;font-size:10px;display:block}.master-btn.on .master-btn-text small{color:#f5f5f5}.reset-eq-btn{color:#f5f5f5;font:9px var(--mono);cursor:pointer;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;padding:4px 8px;transition:all .15s}.reset-eq-btn:hover{color:#fff;background:#3a3a3a;border-color:#f5f5f5}.eq-grid{grid-template-columns:repeat(3,1fr)!important}@media (width<=640px){.eq-grid{grid-template-columns:1fr!important}}.qwerty-indicator{font:10px var(--mono);color:#a3a3a3;-webkit-user-select:none;user-select:none;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:5px;align-items:center;gap:6px;padding:4px 8px;transition:all .15s;display:inline-flex}.qwerty-indicator.active{color:#f5f5f5;box-shadow:none;background:#1a1a1a;border-color:#8f8f8f}.key.qwerty-hit{box-shadow: !important;background:#8f8f8f!important}.waveform-box{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;justify-content:center;align-items:center;width:100%;max-width:480px;height:64px;margin:10px 0;display:flex;overflow:hidden}.waveform-canvas{width:100%;height:100%;display:block}.beat-doctor-card{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:10px;margin:10px 0 12px;padding:12px 14px;box-shadow:0 4px 20px #00000047}.doctor-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.doctor-score-box{align-items:center;gap:12px;display:flex}.doctor-score-badge{text-align:center;min-width:68px;font-family:var(--mono);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:5px 8px;display:flex}.doctor-score-badge.good{color:#f5f5f5;background:#242424;border:1px solid #4a4a4a}.doctor-score-badge.warn{color:#d4d4d4;background:#1e1e1e;border:1px solid #3a3a3a}.doctor-score-badge.bad{color:#a3a3a3;background:#141414;border:1px solid #3a3a3a}.doctor-score-badge .score-num{font-size:17px;font-weight:800;line-height:1.1}.doctor-score-badge .score-label{letter-spacing:.08em;text-transform:uppercase;opacity:.9;margin-top:2px;font-size:8px}.doctor-title-box{flex-direction:column;gap:2px;display:flex}.doctor-kicker{font:10px var(--mono);letter-spacing:.12em;color:#f5f5f5;align-items:center;gap:6px;display:flex}.doctor-pulse{border-radius:50%;width:6px;height:6px;display:inline-block}.doctor-pulse.good{box-shadow:none;background:#38ef9e}.doctor-pulse.warn{box-shadow:none;background:#ffb84d}.doctor-pulse.bad{box-shadow:none;background:#f5f5f5}.doctor-summary{color:#a3a3a3;margin:0;font-size:11px}.doctor-actions{align-items:center;gap:8px;display:flex}.doctor-btn{color:#f5f5f5;font:11px var(--mono);cursor:pointer;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;align-items:center;gap:5px;padding:7px 11px;transition:all .16s;display:inline-flex}.doctor-btn:hover{color:#fff;border-color:#959595}.quick-fix-btn.hot{color:#1a1a1a;box-shadow:none;background:#f5f5f5;border:0;font-weight:800}.quick-fix-btn.hot:hover{filter:brightness(1.12);box-shadow:none;transform:translateY(-1px)}.quick-fix-btn.perfect{color:#38ef9e;cursor:default;background:#142a22;border-color:#1a6448}.undo-fix-btn{color:#f5f5f5;background:#1a1a1a;border-color:#8f8f8f}.inspect-btn{background:#1a1a1a}.doctor-issue-tags{border-top:1px solid #1a1a1a;flex-wrap:wrap;align-items:center;gap:6px;margin-top:9px;padding-top:8px;display:flex}.issue-pill{font:10px var(--mono);color:#f5f5f5;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;align-items:center;gap:6px;padding:3px 6px;display:inline-flex}.issue-pill.critical{color:#ff91a5;background:#1a1a1a;border-color:#69212c}.issue-pill.warning{color:#ffc97a;background:#292013;border-color:#634b1d}.issue-pill.info{color:#f5f5f5;background:#1a1a1a;border-color:#3a3a3a}.pill-fix-btn{color:#e1e1e1;font:9px var(--mono);cursor:pointer;background:#3a3a3a;border:0;border-radius:3px;padding:1px 5px}.pill-fix-btn:hover{color:#fff;background:#8f8f8f}.positive-pill{font:10px var(--mono);color:#38ef9e;background:#0d251c;border:1px solid #144934;border-radius:4px;align-items:center;padding:3px 8px;display:inline-flex}.doctor-drawer{border-top:1px solid #3a3a3a;margin-top:12px;padding-top:12px}.drawer-header{font:10px var(--mono);color:#f5f5f5;justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.drawer-header small{color:#8f8f8f}.doctor-breakdown{gap:6px;display:grid}.doctor-item{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:8px 10px;display:flex}.doctor-item.critical{background:#1a1a1a;border-color:#551d26}.doctor-item.warning{background:#1a1a1a;border-color:#523f18}.doctor-item.info{background:#1a1a1a;border-color:#3a3a3a}.doctor-item.positive{background:#12211b;border-color:#174230}.item-text{flex:1}.item-head{align-items:center;gap:6px;margin-bottom:2px;display:flex}.sev-badge{font:8px var(--mono);border-radius:3px;padding:1px 4px;font-weight:700}.sev-badge.critical{color:#fff;background:#ff4767}.sev-badge.warning{color:#1c1505;background:#ffa726}.sev-badge.info{color:#fff;background:#a3a3a3}.item-text strong{color:#e8e8e8;font-size:11px}.item-text p{color:#a0a0a0;margin:2px 0 0;font-size:10px;line-height:1.35}.item-fix-btn{color:#e1e1e1;font:10px var(--mono);white-space:nowrap;cursor:pointer;background:#3a3a3a;border:1px solid #3a3a3a;border-radius:5px;padding:5px 9px;transition:all .14s}.item-fix-btn:hover{color:#fff;background:#3a3a3a;border-color:#8f8f8f}.brand{color:inherit;cursor:pointer;background:0 0;border:0;padding:0}.main-stage{overflow:auto}.prompt-starter{background:#181818;border:1px solid #444;border-radius:12px;gap:12px;padding:18px;display:grid}.prompt-starter h2{letter-spacing:-.03em;margin:4px 0;font-size:20px}.prompt-starter p{color:#aaa;max-width:68ch;margin:4px 0;font-size:12px;line-height:1.55}.prompt-starter .eyebrow{color:#ccc;font:9px var(--mono);letter-spacing:.14em}.prompt-starter textarea,.welcome-card textarea{color:#f2f2f2;resize:vertical;width:100%;font:inherit;background:#101010;border:1px solid #444;border-radius:7px;margin-top:6px;padding:11px;line-height:1.5;display:block}.prompt-match{min-height:18px;color:#ddd!important;font-size:11px!important}.prompt-overrides{grid-template-columns:110px minmax(140px,1fr) minmax(140px,1fr);gap:10px;display:grid}.prompt-overrides label{color:#b9b9b9;gap:5px;font-size:11px;display:grid}.prompt-overrides input,.prompt-overrides select{color:#eee;min-width:0;height:34px;font:inherit;background:#111;border:1px solid #3a3a3a;border-radius:6px;padding:0 9px}.welcome-card .welcome-prompt-label{color:#e5e5e5;margin-top:16px;font-size:12px;font-weight:700;display:block}.welcome-card .prompt-match{margin:8px 0 0}.welcome-scope-note{color:#a8a8a8!important;font-size:11px!important}.page-stack{gap:18px;padding-bottom:22px;display:grid}.page-lead{color:#f5f5f5;max-width:52ch;margin:0;font-size:12px;line-height:1.6}.genre-grid,.action-grid,.mix-stack{gap:8px;display:grid}.genre-grid{grid-template-columns:repeat(4,1fr)}.choice-card,.home-card,.mix-row,.export-card,.take-box{background:var(--panel);color:inherit;text-align:left;border:0;border-radius:12px}.choice-card,.home-card{padding:14px}.choice-card{cursor:pointer}.choice-card small,.home-card p,.mix-row small{color:#8f8f8f;margin-top:4px;font-size:10px;display:block}.choice-card.chosen,.kit-tile.on,.chain-tile.on{box-shadow:none;background:#1a1a1a;border-color:#a3a3a3}.project-list{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));align-items:start;gap:14px;display:grid}.project-face{background:#181818eb;border:1px solid #3a3a3a;border-radius:12px;padding:16px}.project-face.current{box-shadow:none;border-color:#a3a3a3}.project-face .preset-art{height:91px;margin-top:12px}.project-face .details{margin:14px 0}.project-face .details strong{text-align:right;max-width:68%;line-height:1.4}.project-face .add-project{margin-top:0}.form-grid .wide{grid-column:1/-1}.form-grid textarea{color:#eee;resize:vertical;width:100%;font:inherit;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;margin-top:6px;padding:10px;display:block}.home-card{justify-content:space-between;align-items:center;gap:12px;display:flex}.home-card strong{font-size:16px}.kit-row.page-kits,.chain-row{margin-top:0}.drum-lanes{gap:8px;margin-top:4px;display:grid}.drum-lanes .drum-lane{min-width:0}.lane-label{color:#f5f5f5;font:10px var(--mono);letter-spacing:.08em;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:7px;padding:10px 8px}.steps{grid-template-columns:repeat(16,1fr);align-self:stretch;gap:4px;display:grid}.drum-lanes .steps{height:100%}.step{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:5px;height:34px;padding:0;transition:all .14s}.drum-lanes .step{background:#242424;border:1px solid #333;border-radius:4px;height:100%;min-height:50px}.drum-lanes .step:nth-child(n+5):nth-child(-n+8),.drum-lanes .step:nth-child(n+13):nth-child(-n+16),.drum-lanes .step:nth-child(n+21):nth-child(-n+24),.drum-lanes .step:nth-child(n+29):nth-child(-n+32){background:#181818;border-color:#2a2a2a}.drum-lanes .step:nth-child(4n):not(:last-child){margin-right:4px}.drum-lanes .step:hover{border-color:#8f8f8f}.step.beat{background:#1a1a1a}.step.on{background:color-mix(in srgb, var(--action) 28%, var(--panel));box-shadow:inset 0 0 0 1px var(--action);border-color:#0000}.step.now{outline-offset:-1px;box-shadow:none;outline:2px solid #b7babef2}.step.issue,.step.on.issue{box-shadow:none}.step.now.issue{outline-color:#f5f5f5}.lyric-list{gap:8px;display:grid}.lyric-line{color:#eee;text-align:left;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;width:100%;padding:12px}.lyric-line.chosen{background:#1a1a1a;border-color:#a3a3a3}.take-box{gap:10px;padding:14px;display:grid}.take-actions,.export-actions{flex-wrap:wrap;gap:8px;display:flex}.take-actions button,.export-actions button,.page-btn{background:var(--surface-3);color:var(--text);font:600 14px var(--font);border:0;border-radius:8px;padding:8px 12px}.take-actions button.hot,.page-btn.hot{background:var(--action);color:var(--action-ink);border:0;font-weight:650}.mix-row{grid-template-columns:90px 70px 1fr 48px;align-items:center;gap:10px;padding:12px 14px;display:grid}.mix-row input[type=range]{accent-color:#f5f5f5;width:100%}.mix-row button{color:#f5f5f5;font:10px var(--mono);background:#1a1a1a;border:1px solid #3a3a3a;border-radius:99px;padding:6px 10px}.mix-row button.on{color:#fff;background:#3a3a3a;border-color:#f5f5f5}.export-card{padding:16px}.export-card h3{margin:0 0 6px;font-size:14px}.export-card p{color:#979797;margin:0 0 12px;font-size:11px;line-height:1.6}.clip.chord-clip,.clip.vocal-clip{color:#e2e2e2;background:#3a3a3a;border-color:#919191}.arrangement.muted-track{opacity:.42}.timeline-ruler{grid-template-columns:repeat(4,1fr)}.arrange-block{position:relative}.arrange-playhead{top:22px;bottom:0;left:calc(140px + (100% - 140px) * var(--play,0));width:1px;box-shadow:none;pointer-events:none;z-index:3;background:#f5f5f5;position:absolute}.piano-section[hidden]{display:none!important}.nav-link,.settings{color:#a0a0a0;text-align:left;background:0 0;border:0;padding:9px 11px}.nav-link.on,.settings.on{color:#f3f3f3}.tool.locked,.nav-link.locked,.settings.locked{opacity:.4}.piano-section .note.chord-note{cursor:default;opacity:.9;pointer-events:none}.arrange-empty{margin:8px 0 0}.chord-explainer{background:#1a1a1a;border-color:#3a3a3a}.chord-explainer strong{color:#e4e4e4}.chord-explainer p{color:#a3a3a3}.chord-steps span{color:#f5f5f5}.chord-steps b{color:#1a1a1a;background:#f5f5f5}@media (width<=1100px){.genre-grid{grid-template-columns:1fr 1fr}.mix-row{grid-template-columns:80px 64px 1fr 40px}}@media (width<=760px){.genre-grid,.chord-bars{grid-template-columns:1fr 1fr}.drum-lane{grid-template-columns:1fr}.steps{grid-template-columns:repeat(8,1fr)}.sidebar-bottom{gap:4px;margin:0;display:flex!important}.nav-link,.library,.settings{white-space:nowrap;padding:9px 10px}}.shell{grid-template:"top top top"59px"bar bar bar"56px"nav stage side"minmax(0,1fr)"nav piano side"minmax(168px,28vh)"foot foot foot"29px/185px minmax(0,1fr) 236px;height:100vh;display:grid;position:relative;overflow:hidden;min-height:0!important}.nav-toggle{z-index:9;color:#f5f5f5;background:#3a3a3a;border:0;border-radius:5px;place-items:center;width:22px;height:22px;padding:0;font-size:16px;line-height:1;display:grid;position:absolute;top:132px;left:10px}.nav-toggle:hover{color:#fff;background:#3a3a3a}.shell:not(.nav-collapsed) .sidebar-title{padding-left:34px}.shell.nav-collapsed .nav-toggle{background:#1a1a1a;border:1px solid #3a3a3a;border-left:0;border-radius:0 6px 6px 0;width:16px;height:44px;top:128px;left:0}.shell.nav-collapsed .tools{visibility:hidden;pointer-events:none;border:0;min-width:0;padding:0;overflow:hidden}.tools{min-width:0}.shell{transition:grid-template-columns .46s cubic-bezier(.22,.7,.24,1)}.inspector-sheet{opacity:1;transition:transform .42s cubic-bezier(.22,.7,.24,1),opacity .28s;transform:translateY(0)}.inspector.rolled{pointer-events:none;overflow:hidden}.inspector.rolled .inspector-sheet{opacity:0;transform:translateY(-120%)}.inspector-dock{max-width:180px;height:40px;color:inherit;text-align:left;box-shadow:none;opacity:1;pointer-events:auto;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;align-items:center;gap:8px;margin:0;padding:3px 8px 3px 4px;display:none;position:static;transform:none}.shell.inspector-closed .inspector-dock{display:flex}.inspector-dock .preset-art{border-radius:5px;flex:none;width:42px;height:32px;margin:0;position:relative;overflow:hidden}.inspector-dock .dock-copy{min-width:0;display:grid}.inspector-dock strong{letter-spacing:-.03em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:11px;display:block;overflow:hidden}.inspector-dock .dock-open{font:8px var(--mono);letter-spacing:.12em;color:#f5f5f5;text-transform:uppercase;margin:0;display:block}.inspector-title button{border-radius:6px;width:22px;height:22px;line-height:1}.shell:has(.piano-section[hidden]){grid-template-rows:59px 56px minmax(0,1fr) 29px;grid-template-areas:"top top top""bar bar bar""nav stage side""foot foot foot"}.workspace{display:contents!important}.topbar{grid-area:top}.transport{grid-area:bar}.tools{grid-area:nav;overflow:hidden}.main-stage{grid-area:stage}.inspector{grid-area:side}.piano-section{grid-area:piano}footer{grid-area:foot}.nav-toggle{grid-area:unset;position:absolute}.workspace,.main-stage,.tools,.inspector,.piano-section{min-height:0}.main-stage,.inspector{overflow:hidden auto}.piano-section{flex-direction:column;grid-area:piano;display:flex;overflow:hidden}.piano-wrap{flex:auto;min-height:0;overflow-x:hidden;height:auto!important;overflow-y:auto!important}html{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#8f8f8f}::-webkit-scrollbar-button{width:0;height:0;display:none}.tools,.inspector,.main-stage,.ideas{scrollbar-width:none}.tools::-webkit-scrollbar{width:0;height:0;display:none}.inspector::-webkit-scrollbar{width:0;height:0;display:none}.main-stage::-webkit-scrollbar{width:0;height:0;display:none}.ideas::-webkit-scrollbar{width:0;height:0;display:none}.piano-wrap{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}.piano-wrap::-webkit-scrollbar{width:5px;height:5px;display:block}.piano-wrap::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:4px}.library-card{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent}.library-card::-webkit-scrollbar{width:4px;height:4px;display:block}.library-card::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:99px}.topbar,.transport,.project{min-width:0}.project strong{text-overflow:ellipsis;white-space:nowrap;max-width:34vw;display:block;overflow:hidden}.tempo select{width:78px}.transport{background:var(--bg);gap:14px}.transport-controls,.tempo,.transport-right{gap:8px}.round{background:var(--action);width:32px;height:32px;color:var(--action-ink);box-shadow:none;border:0;border-radius:50%;place-items:center;font-size:14px;display:grid}.stop{width:32px;height:32px;color:var(--text);background:0 0;border:0;border-radius:8px;font-size:14px}.bar-count{color:var(--text);font:13px var(--mono);background:0 0;border:0;border-radius:0;margin:0;padding:0 8px}.tempo label,.transport-right span:not(.divider){height:32px;color:var(--muted);font:600 12px var(--font);letter-spacing:0;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;margin:0;padding:0 8px;display:inline-flex}.tempo input,.tempo select{color:var(--text);font:13px var(--mono);background:0 0;border:0;margin:0}.tempo-field input{cursor:ns-resize}.transport-swing{height:32px;color:var(--muted);font:600 12px var(--font);letter-spacing:0;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;margin:0;padding:0 8px;display:inline-flex}.transport-swing b{font:13px var(--mono);letter-spacing:0;color:var(--text);min-width:28px;font-weight:500}.meter-chip{color:#f0f0f0;height:32px;font:11px var(--mono);letter-spacing:.08em;cursor:pointer;-webkit-user-select:none;user-select:none;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;align-items:center;margin:0;padding:0 10px;display:inline-flex}.meter-chip:hover{color:#f5f5f5;border-color:#8f8f8f}.sound-menu{position:relative}.sound-menu .key-trigger{min-width:92px}.tempo .divider,.transport-right .divider{display:none}.tempo .metronome{color:#f4f4f4;width:32px;height:32px;font:600 14px/1 var(--font);box-shadow:none;background:#2c2c2c;border:0;border-radius:8px;padding:0}.tempo .metronome:hover,.stop:hover{background:#3a3a3a}.tempo .metronome.metronome-on{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.key-menu{position:relative}.key-trigger{color:#f4f4f4;height:32px;font:600 14px/1 var(--font);cursor:pointer;background:#2c2c2c;border:0;border-radius:8px;align-items:center;gap:8px;padding:0 12px;display:inline-flex}.key-trigger:after{content:"";border-top:4px solid #a1a1a1;border-left:3px solid #0000;border-right:3px solid #0000;width:0;height:0}.tap-tempo-btn{color:#f4f4f4;height:32px;font:600 14px/1 var(--font);box-shadow:none;background:#2c2c2c;border:0;border-radius:8px;padding:0 12px}.key-list{z-index:25;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:10px;margin:0;padding:6px;list-style:none;position:fixed;box-shadow:0 16px 40px #0c0c0c88}.key-list button{color:#f5f5f5;text-align:left;width:100%;font:11px var(--mono);background:0 0;border:0;border-radius:6px;padding:8px 10px;display:block}.key-list button.on,.key-list button:hover{color:#f0f0f0;background:#1a1a1a}.key-list button.on{box-shadow:none}.spectrum-canvas{background:#0a0a0a;border:1px solid #1c1c1c;border-radius:5px;width:168px;height:28px!important}.piano-section{--key-col:88px;--roll-row:16px;flex-direction:column;min-height:0;display:flex;overflow:hidden}.piano-header{letter-spacing:0;background:#1a1a1a;flex-wrap:nowrap;flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:40px;max-height:40px;padding:0 16px;display:flex;overflow:hidden;height:40px!important}.piano-header>div:first-child{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.piano-kicker{font:9px var(--mono);letter-spacing:.12em;color:#f5f5f5;white-space:nowrap;flex:none;margin:0}.piano-header strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font:13px var(--font);letter-spacing:0;display:block;overflow:hidden}.piano-hint{display:none!important}.piano-tools{flex:none;align-items:center;gap:8px;display:flex;overflow:hidden;flex-wrap:nowrap!important;max-width:none!important}.piano-selected{text-overflow:ellipsis;white-space:nowrap;color:#f5f5f5;width:168px;min-width:0;font:10px var(--mono);background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;padding:7px 10px;overflow:hidden}.piano-header .ghost{color:#f5f5f5;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:7px;width:auto;height:28px;padding:0 10px;font-size:11px}.piano-header .ghost:hover{color:#fff;background:#1a1a1a;border-color:#8f8f8f}.piano-header .ghost:disabled{opacity:.4;cursor:default}.piano-inst-select{color:#e8e8e8;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:7px;height:28px;padding:0 8px}.roll-ruler,.piano-wrap{grid-template-columns:var(--key-col) minmax(0,1fr);display:grid}.roll-ruler{color:#929292;height:22px;font:9px var(--mono);letter-spacing:.08em;background:#1a1a1a;border-top:1px solid #3a3a3a;flex:none;align-items:stretch;overflow:hidden}.ruler-key{border-right:1px solid #3a3a3a;align-items:center;padding:0 10px;display:flex}.roll-beats{grid-template-columns:repeat(4,1fr);display:grid}.roll-beats span{border-left:1px solid #3a3a3a;align-items:center;padding-left:8px;display:flex}.piano-wrap{isolation:isolate;align-items:stretch;min-height:0;overflow:hidden auto}.grid{min-width:0;position:relative;overflow:hidden}.keyboard{width:var(--key-col);min-width:var(--key-col);box-sizing:border-box;background:#0e0f12;border-right:1px solid #3a3a3a;flex-direction:column;flex-shrink:0;margin:0;padding:0;display:flex;position:relative;overflow:visible}.keyboard .key{flex:0 0 var(--roll-row);width:100%;height:var(--roll-row);min-height:var(--roll-row);max-height:var(--roll-row);box-sizing:border-box;cursor:pointer;text-align:left;z-index:1;appearance:none;border:0;border-bottom:1px solid #2a2b30;border-radius:0;justify-content:flex-start;align-items:center;margin:0;padding:0 6px 0 8px;transition:filter .12s,background .12s;display:flex;position:relative;top:auto;left:auto;overflow:hidden}.keyboard .key span{font:9px var(--mono);letter-spacing:.03em;white-space:nowrap;pointer-events:none;font-weight:700;line-height:1;display:inline-block;position:relative}.keyboard .key.white{background:#e8e8e8;box-shadow:inset -1px 0 #0000002e}.keyboard .key.white span{color:#111}.keyboard .key.black{width:100%;height:var(--roll-row);min-height:var(--roll-row);max-height:var(--roll-row);background:#17181c;border-bottom-color:#0a0a0c;border-radius:0;padding-left:10px;left:auto;box-shadow:inset 28px 0 #0c0d10}.keyboard .key.black span{color:#9aa0a8;display:none}.keyboard .key.octave-c{background:#f7f7f7;box-shadow:inset 3px 0 #111,inset -1px 0 #0000002e}.keyboard .key.octave-c span{color:#0b0b0b;font-size:10px}.keyboard .key.white.in-scale{background:#fff;box-shadow:inset 2px 0 #111,inset -1px 0 #0000001f}.keyboard .key.black.in-scale{background:#111;box-shadow:inset 28px 0 #050505,inset 2px 0 #f4f4f4}.keyboard .key.over,.keyboard .key:hover{filter:brightness(1.14)}.keyboard .key.qwerty-hit,.keyboard .key.white.qwerty-hit{background:#f4f4f4!important;box-shadow:inset 3px 0 #111!important}.keyboard .key.black.qwerty-hit{background:#222!important;box-shadow:inset 3px 0 #f4f4f4!important}.grid{touch-action:none;cursor:crosshair}.grid:before{content:"";left:0;right:0;top:var(--hover,-40px);height:var(--roll-row);pointer-events:none;background:#f5f5f524;position:absolute}.piano-section .note{cursor:grab;touch-action:none;border-radius:4px;height:14px;overflow:hidden}.piano-section .note.selected{box-shadow:none}.piano-section .note-pitch{color:#1a1a1a;max-width:calc(100% - 14px);overflow:hidden}.note-handle{flex:none;width:12px}footer{z-index:5;background:#1a1a1a;position:relative}.stage-header{flex-wrap:wrap;gap:12px}.stage-header h1{min-width:0}.ideas{align-items:stretch}.idea{padding-bottom:30px}.idea-text{padding-right:26px}.page-stack{min-width:0}.arrange-block{--lane:132px;--gap:8px;flex-direction:column;gap:6px;min-width:0;display:flex}.timeline-title,.arrangement{gap:var(--gap);min-width:0;height:auto;min-height:0;margin-top:0;grid-template-columns:var(--lane) minmax(0,1fr)!important}.arrangement{min-height:54px}.track-label,.clip,.track-label div{min-width:0}.track-label small,.clip{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.clip{min-height:54px}.mini-notes{height:12px;top:auto;bottom:6px}.arrange-playhead{top:24px;bottom:0;left:calc(var(--lane) + var(--gap) + (100% - var(--lane) - var(--gap)) * var(--play,0))}.steps,.step{min-width:0}.project-face .details div{grid-template-columns:58px minmax(0,1fr);align-items:start;gap:8px;display:grid}.project-face .details strong{text-align:left;max-width:none}button.arrangement.sketch-lane{width:100%;color:inherit;text-align:left;cursor:pointer;background:#1a1a1a;border:1px solid #3a3a3a;padding:0;display:grid}button.sketch-lane.empty-lane{opacity:.62}button.sketch-lane .clip{justify-content:space-between;align-items:center;gap:12px;display:flex}button.sketch-lane em{letter-spacing:.08em;text-transform:uppercase;color:#f5f5f5;font-size:10px;font-style:normal}.feeling-prompt,.take-box textarea{width:100%}.project-hub h2{letter-spacing:-.04em;margin:10px 0 6px}.project-hub .details{gap:8px;margin:10px 0 0;display:grid}.project-hub .details div{grid-template-columns:70px minmax(0,1fr);align-items:start;gap:8px;display:grid}.project-jumps{margin-top:12px}.back-project{color:#f5f5f5;font:10px var(--mono);letter-spacing:.12em;text-transform:uppercase;text-align:left;cursor:pointer;background:0 0;border:0;padding:0 0 8px}.back-project:hover{color:#e6e6e6}@media (width<=1100px){.shell{grid-template-columns:160px minmax(0,1fr);grid-template-areas:"top top""bar bar""nav stage""nav piano""foot foot"}.shell:has(.piano-section[hidden]){grid-template-areas:"top top""bar bar""nav stage""foot foot"}.shell.inspector-closed .inspector-dock{display:none}}@media (width<=760px){.arrange-block{--lane:92px}.shell{grid-template-columns:none;grid-template-areas:none;height:auto;min-height:100vh;display:block;overflow:visible}.workspace{overflow:visible;display:block!important}.tools,.main-stage,.inspector,.piano-section,footer{grid-area:auto}.nav-toggle{border-radius:0 6px 6px 0;width:28px;height:32px;position:sticky;top:58px;left:0}.shell.nav-collapsed .tools{display:none}.piano-section{--key-col:64px;height:280px}.piano-wrap{height:auto!important}.keyboard{min-width:var(--key-col);width:var(--key-col)!important}}@media (width>=761px){.workspace{display:contents!important}.shell{height:100vh!important;min-height:0!important;overflow:hidden!important}.topbar{grid-area:top}.transport{grid-area:bar}.tools{grid-area:nav}.main-stage{grid-area:stage}.inspector{grid-area:side}.piano-section{grid-area:piano;overflow:hidden}footer{grid-area:foot}.piano-wrap{min-height:0;height:auto!important}}.session-pill{text-overflow:ellipsis;white-space:nowrap;color:#a3a3a3;max-width:22ch;font:10px var(--mono);background:#1a1a1a;border:1px solid #9d9fa32e;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;display:inline-flex;overflow:hidden}.session-pill.saved{color:#aaf9c3;background:#56cd981f;border-color:#60d6a385}.session-pill.ready{color:#e4e4e4;background:#b9bcc01f;border-color:#b9bcc07a}.session-pill .material-symbols-outlined{font-size:12px}.stage-header{align-items:center;min-width:0}.stage-header h1{text-overflow:ellipsis;overflow:hidden}.choice-card,.export-card,.take-box,.project-face,.project-hub,.mix-row,.fx-rack-card,.master-btn{min-width:0}.choice-card small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.page-btn,.add-project,.full-preview,.text-btn,.punch-btn,.mode-pill{white-space:nowrap}.take-actions,.export-actions{align-items:center}.tool>span:not(.ico),.tool small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tool .ico{overflow:visible}.transport{flex-wrap:nowrap;align-items:center;height:56px;overflow:hidden}.nav-link,.library,.settings{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.fx-scale-labels{justify-content:space-between;gap:6px;min-width:0;display:flex;overflow:hidden}.fx-scale-labels span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tempo label,.transport-right span:not(.divider),.qwerty-indicator,.bar-count{white-space:nowrap}.qwerty-indicator{text-overflow:ellipsis;max-width:18ch;overflow:hidden}.piano-tools{justify-content:flex-end;max-width:none;flex-wrap:nowrap!important}.piano-inst-select{max-width:110px}.piano-selected{width:120px}.inspector .details strong,.inspector .description{overflow-wrap:anywhere}.inspector .add-project,.inspector .full-preview,.inspector .text-btn{box-sizing:border-box;width:100%}.inst-block{margin:14px 0 6px}.inst-block>span{font:9px var(--mono);letter-spacing:.12em;color:#a1a1a1;text-transform:uppercase;margin-bottom:6px;display:block}.inst-kit-row{grid-template-columns:1fr 1fr;gap:6px;display:grid!important}.inst-kit-row button{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding:7px 6px;font-size:10px;overflow:hidden}.mix-row button{min-width:58px}.master-btn{min-width:0}.master-btn-text strong,.master-btn-text small,.fx-rack-title strong,.fx-knob-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.fx-knob-label{justify-content:space-between;gap:8px;min-width:0;display:flex}.song-structure-head{justify-content:space-between;align-items:center;gap:10px;min-width:0;display:flex}.structure-hint,.mode-pill,.section-tile strong,.sec-bars{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.factory-vocals-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.rec-setup{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:10px;gap:8px;padding:12px 14px;display:grid}.rec-setup>span{font:10px var(--mono);letter-spacing:.12em;color:#f5f5f5}.rec-setup .kit-row{margin-top:0}.rec-setup .kit-row>span{font:10px var(--mono);letter-spacing:.08em;color:#909090;min-width:64px}.rec-status{color:#f5f5f5;margin:0;font-size:11px;line-height:1.5}.chord-explainer{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:10px;grid-template-columns:minmax(0,1.2fr) minmax(240px,1fr);gap:16px;padding:16px;display:grid}.chord-explainer strong{color:#f0f0f0;font-size:14px}.chord-explainer p{color:#f5f5f5;margin:6px 0 0;font-size:12px;line-height:1.55}.chord-steps{color:#f5f5f5;font:11px var(--mono);align-content:center;gap:7px;display:grid}.chord-steps span{align-items:center;gap:8px;display:flex}.chord-steps b{color:#f5f5f5;background:#3a3a3a;border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.chord-status{background:#1a1a1a;border-left:2px solid #f5f5f5;padding:10px 12px}@media (width<=760px){.chord-explainer{grid-template-columns:1fr}}.vocal-takes{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:10px;gap:8px;padding:12px 14px;display:grid}.vocal-take{border:1px solid #3a3a3a;border-radius:8px;grid-template-columns:minmax(120px,.8fr) minmax(160px,1.4fr) 52px;align-items:end;gap:12px;padding:10px;display:grid}.vocal-take.chosen{background:#1a1a1a;border-color:#f5f5f5}.vocal-take .text-btn{text-overflow:ellipsis;white-space:nowrap;text-align:left;min-width:0;overflow:hidden}.vocal-take label{font:9px var(--mono);color:#9a9a9a;letter-spacing:.08em;grid-template-columns:52px minmax(0,1fr);align-items:center;gap:8px;display:grid}.vocal-take label b{color:#e4e4e4;font-weight:500}.vocal-take .mini-slider{width:100%}.take-trim{align-self:center;gap:6px;min-width:0;display:grid}.trim-lane{background:#0c0c0c;border-radius:3px;height:6px;position:relative;box-shadow:inset 0 1px 2px #000,0 1px #333}.trim-lane i{top:0;bottom:0;left:calc(var(--in) * 1%);width:calc((var(--out) - var(--in)) * 1%);background:#f3f3f3;border-radius:2px;position:absolute}.take-gain{align-self:end}@media (width<=760px){.vocal-take{grid-template-columns:1fr 52px}.take-trim{grid-column:1/-1}.vocal-take .text-btn{text-align:left;grid-column:1/-1}}.take-box.is-live{box-shadow:none;border-color:#9d9d9d}#record-vocal.is-counting{color:#1a1a1a;background:#e8c56a}#record-vocal.is-recording{color:#1a1a1a;background:#9d9d9d}.vocal-card{min-width:0;color:inherit;text-align:left;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;display:flex}.vocal-info{min-width:0}.vocal-info strong,.vocal-info span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.vocal-info span{color:#8f8f8f;margin-top:3px;font-size:10px}.lyric-line{overflow:hidden}.lyric-line span{text-overflow:ellipsis;overflow:hidden}.prompt{min-width:0}#generate{white-space:nowrap;flex:none}.phrase-desk{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:10px;grid-template-columns:minmax(0,1fr) 108px;align-items:center;gap:14px;padding:12px 14px;display:grid}.phrase-desk.chord-sound{grid-template-columns:minmax(0,1fr)}.phrase-sound{gap:8px;min-width:0;display:grid}.phrase-sound>span,.phrase-swing>span{font:9px var(--mono);letter-spacing:.12em;color:#8a8a8a}.patch-bank{flex-wrap:wrap;gap:6px;display:flex}.patch-bank button{color:#d0d0d0;font:10px var(--mono);letter-spacing:.04em;cursor:pointer;background:#141414;border:1px solid #3a3a3a;border-radius:6px;padding:7px 10px}.patch-bank button:hover{color:#fff;border-color:#8f8f8f}.patch-bank button.on{color:#141414;background:#f2f2f2;border-color:#f2f2f2}.phrase-swing{flex-direction:column;align-items:center;gap:2px;display:flex}.phrase-swing b{font:10px var(--mono);color:#e8e8e8;font-weight:500}.phrase-swing .fx-scale-labels{width:100%}.chord-desk{background:#1a1a1a;border:1px solid #3a3a3a;border-radius:10px;grid-template-columns:120px 120px minmax(0,1fr);align-items:center;gap:12px;padding:12px 14px;display:grid}.chord-voice-notes{font:12px var(--mono);color:#e4e4e4;letter-spacing:.04em;margin:0}@media (width<=760px){.phrase-desk{grid-template-columns:1fr}.phrase-swing{flex-flow:wrap;justify-content:flex-start;gap:8px 12px}.chord-desk{grid-template-columns:1fr 1fr}.chord-voice-notes{grid-column:1/-1}}.lane-mix-controls{flex:100%}.drum-top-bar{align-items:center;min-width:0}.page-kits{min-width:0}.round,.stop,.icon-btn,.metronome,.nav-toggle,#close-library,#close-inspector{place-items:center;display:grid}.ico{letter-spacing:normal;text-transform:none;white-space:nowrap;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 20;color:inherit;-webkit-font-smoothing:antialiased;flex:none;font-family:Material Symbols Outlined;font-size:18px;font-style:normal;font-weight:400;line-height:1;display:inline-block}.library,.nav-link,.settings,.back-project,.outline-btn,.lane-label-btn,.ghost{align-items:center;gap:8px;display:flex}.tool .ico{color:#a0a0a0;justify-self:center;font-size:18px}.tool.active .ico{color:#e6e6e6}.library .ico,.nav-link .ico,.settings .ico{color:#939393;font-size:17px}.nav-link.on .ico,.settings.on .ico{color:#f3f3f3}.round .ico{color:#1a1a1a;font-size:18px}.stop .ico{color:#f5f5f5;font-size:16px}.icon-btn .ico{font-size:18px}.metronome .ico{font-size:16px}.nav-toggle .ico{font-size:18px}.shell.nav-collapsed .nav-toggle .ico{transform:rotate(180deg)}.track-icon{color:#f5f5f5;background:#3a3a3a;border-radius:6px;place-items:center;width:22px;height:22px;font-size:15px;display:grid}.track-icon.keys{color:#f5f5f5;background:#3a3a3a}.track-icon.drums,.track-icon.chords{color:#f5f5f5;background:#1a1a1a}.track-icon.vocals{color:#f5f5f5;background:#3a3a3a}.preview-icon{color:#f5f5f5;font-size:14px}.upload-icon{color:#919191;font-size:14px}.vocal-icon{color:#e6e6e6;background:#3a3a3a;border-radius:7px;place-items:center;width:28px;height:28px;font-size:16px;display:grid}#close-inspector .ico,#close-library .ico{font-size:18px}button.project{font:inherit;background:0 0;border:0;border-radius:8px;padding:4px 8px}button.project:hover{background:#222}button.project.has-rack:after{content:"";background:linear-gradient(#f5f5f5,#f5f5f5) 0 0/6px 4px no-repeat,linear-gradient(#f5f5f5,#f5f5f5) 8px 0/6px 4px no-repeat,linear-gradient(#3a3a3a,#3a3a3a) 0 6px/6px 4px no-repeat,linear-gradient(#3a3a3a,#3a3a3a) 8px 6px/6px 4px no-repeat;flex:none;width:14px;height:10px}.piano-section.is-watch .grid{cursor:default}.piano-section.is-watch .grid:before{display:none}.piano-section.is-watch #remove-note,.piano-section.is-watch [data-roll]{display:none!important}.mini-guide{max-height:280px;transition:opacity .28s,max-height .32s,padding .32s,margin .32s;overflow:hidden}.page-lead,.arrange-empty,.eyebrow,.piano-kicker,#project-status,footer{transition:opacity .28s}.shell.beat-focus .mini-guide,.shell.beat-focus .page-lead,.shell.beat-focus .arrange-empty{opacity:0;pointer-events:none;border-color:#0000;max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;overflow:hidden}.shell.beat-focus .eyebrow,.shell.beat-focus .piano-kicker,.shell.beat-focus #project-status,.shell.beat-focus footer{opacity:0}.shell.beat-focus .playhead,.shell.beat-focus .arrange-playhead{background:#fff;width:2px}.shell.beat-focus .step.now{outline-color:#fff}.rack[hidden]{display:none!important}.rack{z-index:32;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.rack-backdrop{background:#0c0c0cc4;border:0;padding:0;position:absolute;inset:0}.rack-panel{z-index:1;background:#141414;border:1px solid #3a3a3a;border-radius:16px;width:min(880px,100%);display:grid;position:relative;overflow:hidden;box-shadow:0 24px 80px #0c0c0ccc}.rack-top{border-bottom:1px solid #3a3a3a;align-items:center;gap:12px;min-width:0;padding:12px;display:flex}.rack-switch{flex:1;gap:8px;min-width:0;display:flex;overflow:auto}.rack-slot{color:#f5f5f5;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:10px;justify-items:center;gap:6px;min-width:72px;padding:8px 10px 7px;display:grid}.rack-slot.on{background:#222;border-color:#f5f5f5}.rack-slot.dim,.rack-body.dim{opacity:.45}.rack-slot .equipment-art{width:32px;height:32px}.rack-spark{grid-template-columns:repeat(16,1fr);gap:1px;width:64px;height:8px;display:grid}.rack-tick{background:#2a2a2a;border-radius:1px;height:100%;display:block}.rack-tick.on{background:#d0d0d0}.rack-tick.now{box-shadow:inset 0 -2px #fff}.rack-close,.rack-mute{color:#f5f5f5;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;place-items:center;width:32px;height:32px;padding:0;display:grid}.rack-close:hover,.rack-mute:hover,.rack-slot:hover{border-color:#8f8f8f}.rack-mute.on{color:#8a8a8a}.rack-ruler{grid-template-columns:36px minmax(0,1fr);align-items:end;gap:8px;height:16px;padding:0 12px;display:grid}.rack-ruler[hidden]{display:none!important}.rack-beats{grid-template-columns:repeat(4,1fr);display:grid}.rack-beats i{border-left:1px solid #3a3a3a;height:8px}.rack-body{min-height:168px;max-height:min(52vh,420px);padding:12px;overflow:auto}.rack-lanes,.rack-roll{gap:4px;display:grid}.rack-lane{grid-template-columns:36px minmax(0,1fr);align-items:center;gap:8px;display:grid}.rack-mark{font:12px var(--mono);color:var(--muted);text-align:right}.rack-lane.sharp .rack-mark{color:#8d8d8d}.rack-hits{grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;display:grid}.rack-hit,.rack-cell{background:var(--surface-3);touch-action:manipulation;border:0;border-radius:3px;height:22px;padding:0}.rack-hit.beat,.rack-cell.beat{background:var(--surface-2)}.rack-lane.sharp .rack-cell{background:var(--bg)}.rack-hit.on,.rack-cell.on{background:var(--action);border-color:#0000}.rack-hit.now,.rack-cell.now{outline:1px solid var(--action);outline-offset:-1px}.rack-cell.on.now,.rack-hit.on.now{outline-color:var(--action-ink)}.rack-chords{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;display:grid}.rack-chord{background:var(--panel);text-align:center;border:0;border-radius:10px;align-content:center;gap:10px;min-height:120px;padding:14px;display:grid}.rack-chord b{letter-spacing:-.03em;font-size:18px}.rack-chord.now{background:#222;border-color:#f5f5f5}.rack-vocal{grid-template-columns:minmax(0,1fr) minmax(0,180px) auto;align-items:center;gap:14px;min-height:144px;display:grid}.rack-vocal strong{text-overflow:ellipsis;white-space:nowrap;letter-spacing:-.03em;font-size:16px;overflow:hidden}.rack-vocal-run{grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;display:grid}.rack-vocal-run i{background:#1c1c1c;border-radius:3px;height:28px;display:block}.rack-vocal-run i.beat{background:#242424}.rack-vocal-run i.now{background:#f5f5f5}.focus-rail,.focus-slot{display:none!important}@media (width<=760px){.rack{padding:10px}.rack-vocal{grid-template-columns:1fr auto}.rack-vocal-run{grid-column:1/-1}}.settings-form-block{gap:12px;display:grid}.settings-form-block--grid{grid-template-columns:1fr 1fr}.settings-field{flex-direction:column;gap:6px;min-width:0;display:flex}.settings-field--wide{grid-column:1/-1}.settings-label{font:10px var(--mono);letter-spacing:.1em;color:#a3a3a3;text-transform:uppercase;align-items:center;gap:6px;display:flex}.settings-optional{font:9px var(--mono);letter-spacing:.08em;color:#666;text-transform:uppercase}.settings-value-badge{font:10px var(--mono);color:#f0f0f0;background:#2e2e2e;border:1px solid #3a3a3a;border-radius:99px;margin-left:auto;padding:2px 7px}.settings-input,.settings-select{color:#eee;width:100%;font:inherit;appearance:none;background:#141414;border:1px solid #3a3a3a;border-radius:7px;padding:9px 11px;transition:border-color .14s}.settings-select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M0 0l5 6 5-6' fill='%23888'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;padding-right:28px}.settings-input:focus,.settings-select:focus{border-color:#8f8f8f;outline:none}.settings-textarea{color:#eee;width:100%;font:inherit;resize:vertical;background:#141414;border:1px solid #3a3a3a;border-radius:7px;min-height:64px;padding:9px 11px;transition:border-color .14s;display:block}.settings-textarea:focus{border-color:#8f8f8f;outline:none}.settings-range{accent-color:#f5f5f5;cursor:pointer;width:100%;margin-top:2px}.settings-range-labels{font:9px var(--mono);color:#666;letter-spacing:.06em;justify-content:space-between;margin-top:2px;display:flex}.settings-toggle-row{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin:0}.settings-data-row{grid-template-columns:1fr 1fr;gap:16px;display:grid}.settings-data-item{align-content:start;gap:8px;display:grid}.settings-data-label{font:9px var(--mono);letter-spacing:.12em;color:#a3a3a3;text-transform:uppercase}.settings-data-copy{color:#787878;margin:0;font-size:11px;line-height:1.5}@media (width<=760px){.settings-form-block--grid,.settings-toggle-row,.settings-data-row{grid-template-columns:1fr}}.sp-section{border-top:1px solid #2a2a2a;flex-direction:column;gap:8px;margin-top:4px;padding-top:16px;display:flex}.sp-key-name{color:#f0f0f0;font:10px var(--mono);letter-spacing:.04em;margin-left:4px}.sp-hint{font:9px var(--mono);color:#555;letter-spacing:.04em;margin:0}.sp-wrap{perspective:400px;perspective-origin:50% -60%;-webkit-user-select:none;user-select:none;touch-action:none;gap:4px;padding:4px 2px 10px;display:flex;overflow-x:auto}.sp-octave{height:88px;transform-style:preserve-3d;flex:none;display:flex;position:relative;transform:rotateX(14deg)}.sp-white{cursor:pointer;z-index:1;background:linear-gradient(#d8d8d8 0%,#f8f8f8 18%,#fff 100%);border:0;border-radius:0 0 5px 5px;outline:none;flex:none;width:28px;height:88px;margin-right:1px;padding:0;transition:transform 60ms,box-shadow 60ms;position:relative;box-shadow:0 6px #888,inset 0 1px #ffffffe6,inset -1px 0 silver,0 1px #444}.sp-white:hover{background:linear-gradient(#e8e8e8 0%,#fff 100%);box-shadow:0 6px #aaa,inset 0 1px #fff,inset -1px 0 #c8c8c8,0 1px #555}.sp-white.sp-pressed{background:linear-gradient(#d0d0d0 0%,#ebebeb 100%);transform:translateY(3px)translateZ(-2px);box-shadow:0 3px #888,inset 0 1px #fff9,inset -1px 0 #aaa,0 1px #333}.sp-white.sp-playing{background:linear-gradient(#c8eeff 0%,#e8f9ff 40%,#fff 100%);box-shadow:0 6px #5ab,inset 0 1px #c8f0ffe6,0 0 10px #64c8ff8c,0 1px #36a}.sp-black{cursor:pointer;z-index:2;background:linear-gradient(#1a1a1a 0%,#363636 55%,#1c1c1c 100%);border:0;border-radius:0 0 4px 4px;outline:none;width:18px;height:52px;padding:0;transition:transform 60ms,box-shadow 60ms;position:absolute;top:0;box-shadow:0 5px #000,inset 0 1px #ffffff1f,inset 1px 0 #ffffff0f,0 0 0 1px #0a0a0a}.sp-black:hover{background:linear-gradient(#242424 0%,#404040 55%,#242424 100%)}.sp-black.sp-pressed{transform:translateY(3px)translateZ(-2px);box-shadow:0 2px #000,inset 0 1px #ffffff0f,0 0 0 1px #0a0a0a}.sp-black.sp-playing{background:linear-gradient(#1a3a4a 0%,#2a6080 55%,#1a3a4a 100%);box-shadow:0 5px #000,0 0 8px #3ca0dcb3,0 0 0 1px #0a0a0a}.sp-white.sp-scale:after{content:"";pointer-events:none;background:#f5f5f5;border-radius:50%;width:5px;height:5px;position:absolute;bottom:7px;left:50%;transform:translate(-50%);box-shadow:0 1px 3px #0009}.sp-black.sp-scale:after{content:"";pointer-events:none;background:#ffffff8c;border-radius:50%;width:4px;height:4px;position:absolute;bottom:5px;left:50%;transform:translate(-50%)}.sp-octave .sp-key:nth-child(2){left:20px}.sp-octave .sp-key:nth-child(4){left:49px}.sp-octave .sp-key:nth-child(7){left:107px}.sp-octave .sp-key:nth-child(9){left:136px}.sp-octave .sp-key:nth-child(11){left:165px}@media (width<=760px){.sp-octave{transform:none}.sp-white{width:22px;height:68px}.sp-black{width:14px;height:40px}.sp-octave .sp-key:nth-child(2){left:15px}.sp-octave .sp-key:nth-child(4){left:38px}.sp-octave .sp-key:nth-child(7){left:84px}.sp-octave .sp-key:nth-child(9){left:107px}.sp-octave .sp-key:nth-child(11){left:130px}}body,.shell,.main-stage,.prompt input{min-width:0}.metronome{border-radius:5px;padding:6px}.metronome:hover{background:#3a3a3a}.tool:focus-visible,.chip:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--focus);outline-offset:2px}@media (width<=1100px){.workspace{display:contents!important}.inspector{display:none}.main-stage{padding:22px 20px 0}.ideas{grid-template-columns:repeat(4,minmax(125px,1fr));overflow-x:auto}.piano-wrap{height:auto!important}}@media (width<=760px){body{overflow:auto}.shell{height:auto;min-height:100vh;display:block}.topbar{height:58px;padding:0 14px}.project span:last-child,.transport-right{display:none}.transport{flex-wrap:wrap;row-gap:6px;height:auto;min-height:54px;padding:8px 14px}.tempo{flex-wrap:wrap;height:auto;margin:0}.workspace{display:block}.tools{z-index:8;border-right:0;border-bottom:1px solid var(--line);background:var(--bg);flex-flow:wrap;gap:4px;padding:8px;display:flex;position:sticky;top:0;overflow:visible}.sidebar-title{display:none}.sidebar-bottom{flex-wrap:wrap;width:100%;margin:0;display:flex}.tool{flex:0 auto;padding:8px 10px;display:flex}.tool small{display:none}.main-stage{padding:20px 14px 24px}.stage-header h1{font-size:18px}.session-pill{display:none}.ideas{grid-template-columns:1fr 1fr}.arrange-block{--lane:92px}.piano-section{--key-col:64px;height:280px;overflow:hidden}.piano-wrap{height:auto!important}.keyboard{width:var(--key-col);min-width:var(--key-col)}.library-card,.workspace-card{width:94vw;max-height:88vh;padding:18px}.form-grid,.kit-grid,.preset-grid,.sound-groups{grid-template-columns:1fr}.top-actions .icon-btn{display:none}footer{height:30px}}@media (width<=640px){.prompt-overrides{grid-template-columns:1fr 1fr}.prompt-overrides label:first-child{grid-column:1/-1}.prompt-starter{padding:14px}.welcome-card textarea{min-height:88px}}body,button,input,select,textarea{font-family:var(--font)}h1,h2,.library-head h2,.workspace-card h2{letter-spacing:0;font-weight:600}.header-tools{align-items:center;gap:8px;display:flex}.help-btn,.tour-dismiss{border-radius:var(--radius-sm);color:var(--muted);min-height:32px;font:600 13px var(--font);letter-spacing:0;text-transform:none;white-space:nowrap;background:0 0;border:0;padding:0 10px}.help-btn:hover,.tour-dismiss:hover{background:var(--surface-3);color:var(--text)}.mini-guide,.studio-tour{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-1);justify-content:space-between;align-items:flex-start;gap:16px;max-width:760px;padding:10px 12px;display:flex}.mini-guide ol,.studio-tour ol{color:var(--muted);flex-wrap:wrap;gap:4px 16px;margin:4px 0 0;padding-left:16px;font-size:11px;display:flex}.tour-kicker{color:var(--muted);font:600 12px var(--font);letter-spacing:0;margin:0}.help-disclosure,.new-project-disclosure{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-1);color:var(--muted)}.help-disclosure summary,.new-project-disclosure>summary{cursor:pointer;font:600 14px var(--font);letter-spacing:0;text-transform:none;color:var(--text);padding:10px 12px;list-style:none}.help-disclosure summary::-webkit-details-marker{display:none}.new-project-disclosure>summary::-webkit-details-marker{display:none}.help-disclosure summary:after,.new-project-disclosure>summary:after{content:"+";float:right;color:var(--muted)}.help-disclosure[open] summary,.new-project-disclosure[open]>summary{border-bottom:1px solid var(--line)}.help-disclosure[open] summary:after,.new-project-disclosure[open]>summary:after{content:"−"}.disclosure-body,.help-disclosure>p{color:var(--muted);margin:0;padding:8px 12px 10px;font-size:11px;line-height:1.45}.new-project-disclosure .take-box{box-shadow:none;background:0 0;border:0}.action-bar{border-radius:var(--radius-md);background:var(--panel);border:0;align-items:center;min-height:44px;padding:6px}.action-bar-label{color:var(--muted);font:600 12px var(--font);letter-spacing:0;text-transform:none;padding:0 6px}.action-bar .action-primary{margin-left:auto}.page-btn,.take-actions button,.export-actions button{min-height:var(--control-h);cursor:pointer}.page-btn:hover,.take-actions button:hover,.choice-card:hover,.idea:hover,.vocal-card:hover,.lyric-line:hover,.sound-preview:hover,.click-card:hover{border-color:var(--line-strong)}.page-btn:active,.choice-card:active,.idea:active,.vocal-card:active,.click-card:active{transform:translateY(1px)}button.idea,button.choice-card,button.vocal-card,button.lyric-line,button.click-card{font:inherit;width:100%;color:inherit;text-align:left}.idea,.choice-card,.vocal-card,.lyric-line,.sound-preview,.click-card,.section-tile,.sec-tag{cursor:pointer}.idea:focus-visible,.choice-card:focus-visible,.vocal-card:focus-visible,.click-card:focus-visible,.page-btn:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,.section-tile:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.idea.chosen,.choice-card.chosen,.vocal-card.chosen,.lyric-line.chosen,.click-card.chosen{box-shadow:inset 0 0 0 1px var(--line-strong)}.bmai-tip{z-index:80;border-radius:var(--radius-sm);background:var(--panel2);max-width:240px;color:var(--text);font:12px/1.35 var(--font);pointer-events:none;border:0;padding:6px 8px;position:fixed;box-shadow:0 8px 20px #00000059}.bmai-tip[hidden]{display:none}.orb{filter:none;background:0 0;border:1px solid #3a3a3a;width:64px;height:64px;top:22px;right:18px}.preset-art{background:#121212}.project-face{background:#141414;border:1px solid #3a3a3a;border-radius:12px;padding:16px;position:relative}.project-face.current{border-color:#f5f5f5}.project-hub{background:#141414;border:1px solid #3a3a3a;border-radius:12px;padding:16px}.project-face .preset-art,.inspector .preset-art,.inspector-dock .preset-art{background:#222}.project-face .orb,.inspector .orb,.inspector-dock .orb{background:0 0;border:1px solid #3a3a3a;width:105px;height:105px;top:-32px;right:-11px}.project-face .preset-art span,.inspector .preset-art span,.inspector-dock .preset-art span{color:#f5f5f5}.tool small,.hint,.timeline-ruler,.muted,footer{color:var(--muted)}.mini-notes{background:0 0}svg.ico{vertical-align:-3px;fill:none;stroke:currentColor;stroke-width:1.5px;stroke-linecap:butt;stroke-linejoin:miter;flex:none;width:16px;height:16px;display:inline-block}svg.ico.solid,svg.ico.solid *{fill:currentColor;stroke:none}.tool svg.ico,.nav-link svg.ico,.library svg.ico,.settings svg.ico{width:18px;height:18px}.round svg.ico{width:13px;height:13px}.preview-icon{width:12px;height:12px}.step{background:#2e2e2e;border-color:#4e4e4e}.step.on{background:color-mix(in srgb, var(--action) 28%, var(--panel));color:var(--text);box-shadow:inset 0 0 0 1px var(--action);border-color:#0000}.idea,.choice-card,.vocal-card,.export-card,.take-box,.section-tile,.fx-rack-card{background:#222;border-color:#454545}.drum-lanes .drum-lane{background:#141414;border-color:#454545}.project-dot{display:none}.project{background:#141414;border:1px solid #3a3a3a;border-radius:8px;gap:8px;height:32px;padding:0 4px 0 12px}.project strong{font-size:12px}#project-status{color:#a3a3a3;font:10px var(--mono);letter-spacing:.04em}.top-actions .icon-btn{background:#141414;border:1px solid #3a3a3a;border-radius:8px;width:32px;height:32px}.top-actions .outline-btn,.avatar{height:32px}.status-chip{color:#d0d0d0;height:18px;font:9px var(--mono);background:#141414;border:1px solid #3a3a3a;border-radius:99px;align-items:center;margin-right:6px;padding:0 7px;display:inline-flex}footer b{color:#f4f4f4}.chord-bars{grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;display:grid}.chord-bar{text-align:center;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;padding:12px;transition:border-color .15s}.chord-bar:hover{border-color:#555}.chord-bar b{color:#f5f5f5;margin:6px 0 8px;font-size:14px;display:block}.chord-bar span{font:9px var(--mono);color:#909090}.chord-bar.current-chord{background:#1c1c1c;border-color:#f3f3f3}.chord-keys{box-sizing:border-box;grid-template-columns:repeat(12,1fr);align-items:end;gap:1px;width:100%;height:18px;display:grid}.chord-keys i{background:#2a2a2a;border-radius:1px;height:100%;display:block}.chord-keys i.black{background:#101010;align-self:start;height:64%}.chord-keys i.white.on{background:#f3f3f3}.chord-keys i.black.on{background:#e2b33a}@media (width<=760px){.chord-bars{grid-template-columns:1fr 1fr}}.step.issue,.step.on.issue{box-shadow:inset 0 0 0 2px var(--danger)}.inspector .description{display:none}.inspector h2{margin:12px 0 8px;font-size:16px}.page-stack{gap:12px}.page-lead{font-size:11px}.drum-top-bar{border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-1);justify-content:space-between;align-items:center;gap:10px;padding:6px 8px;display:flex}.lane-sample-btn,.reset-sample-btn{min-height:28px}.factory-vocals-grid{gap:6px}.vocal-card{padding:8px}.export-card p,.mix-row small{line-height:1.4}button.section-top{width:100%;color:inherit;text-align:left;cursor:pointer;font:inherit;background:0 0;border:0;padding:0}button.sec-tag{font:inherit;border:0}.rec-disclosure .rec-setup{background:0 0;border:0;padding:0}@media (width<=760px){.mini-guide,.studio-tour{flex-direction:column}.mini-guide ol{display:grid}.action-bar{gap:6px}.action-bar .action-primary{margin-left:0}.header-tools{align-items:flex-start}}.equipment-art{pointer-events:none;shape-rendering:geometricprecision;flex:none;width:72px;height:72px;display:block}.preset-art .equipment-art{width:100px;height:86px;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.preset-art>.art-label{text-overflow:ellipsis;white-space:nowrap;max-width:calc(100% - 98px);overflow:hidden}.inspector-dock .preset-art{display:block}.inspector-dock .preset-art .equipment-art{width:40px;height:30px;top:50%;right:0}.inspector-dock .art-label{z-index:1;max-width:calc(100% - 4px);font-size:6px;line-height:1;position:absolute;bottom:1px;left:3px}.project-jumps .choice-card{grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:12px;display:grid}.project-jumps .choice-icon{color:#f5f5f5;justify-self:center;width:22px;height:22px}.project-jumps .category-copy{min-width:0}.project-jumps .category-copy strong{display:block}.project-jumps .category-copy small{overflow-wrap:anywhere;line-height:1.4}.project-empty{align-items:center;gap:16px;padding:12px 0;display:flex}.equipment-icon{vertical-align:middle;width:26px;height:26px;display:inline-block}.tools .tool{grid-template-columns:28px 1fr auto}.tools .equipment-icon{width:28px;height:28px}.sidebar-bottom .equipment-icon{margin-right:4px}.track-label .equipment-icon{width:28px;height:28px}.vocal-card .vocal-icon{background:0 0;border:0;width:28px;height:32px;padding:0}@media (width>=761px) and (width<=1250px){.project-jumps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=480px){.project-jumps .choice-card{grid-template-columns:minmax(0,1fr);gap:6px}.project-jumps .choice-icon{justify-self:start;width:22px;height:22px}.tools .equipment-icon{width:24px;height:24px}}.pattern-bank{background:var(--panel);border:0;border-radius:12px;flex-direction:column;gap:8px;margin:12px 0;padding:12px 14px;display:flex}.pattern-bank-head{font:600 12px var(--font);letter-spacing:0;color:var(--muted);justify-content:space-between;align-items:center;gap:8px;display:flex}.pattern-bank-actions{gap:4px;display:flex}.pattern-chips{flex-wrap:wrap;gap:6px;display:flex}.pattern-chip{background:var(--surface-3);color:var(--text);font:13px var(--font);cursor:pointer;border:0;border-radius:8px;padding:6px 10px}.pattern-chip.on{background:color-mix(in srgb, var(--action) 22%, var(--panel));color:var(--text);box-shadow:inset 0 0 0 1px var(--action)}.pattern-empty{font:10px var(--mono);color:#6f6f6f}.pattern-length{font:9px var(--mono);color:#9e9e9e;align-items:center;gap:8px;margin:8px 0;display:flex}.playlist-board{--playlist-header-w:210px;--playlist-zoom:1;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:8px;flex-direction:column;gap:10px;min-width:0;max-width:100%;padding:12px 14px;display:flex;box-shadow:0 4px 20px #0006}.playlist-scroll{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent;min-width:0;padding-bottom:2px;overflow:auto hidden}.playlist-scroll-inner{min-width:calc(100% * var(--playlist-zoom,1));box-sizing:border-box;flex-direction:column;gap:6px;display:flex}.playlist-head{border-bottom:1px solid #3a3a3a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding-bottom:8px;display:flex}.playlist-badge{font:10px var(--mono);letter-spacing:.08em;color:#a3a3a3;background:#141414;border:1px solid #3a3a3a;border-radius:4px;padding:3px 8px;font-weight:700}.playlist-badge.song{color:#f5f5f5;background:#3a3a3a;border-color:#8f8f8f}.playlist-empty-state{width:min(520px,100% - 24px);margin:18px 0 8px calc(var(--playlist-header-w) + 24px);background:#151515;border:1px dashed #515151;border-radius:8px;justify-items:start;gap:7px;padding:18px;display:grid}.playlist-empty-state h3{color:#f2f2f2;margin:0;font-size:15px}.playlist-empty-state p{color:#aaa;max-width:46ch;margin:0 0 4px;font-size:11px;line-height:1.5}.playlist-empty-step{color:#bbb;font:9px var(--mono);letter-spacing:.12em}.playlist-tools{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.pl-tool-group{background:#141414;border:1px solid #3a3a3a;border-radius:6px;align-items:center;gap:4px;padding:3px 6px;display:inline-flex}.pl-group-label{font:9px var(--mono);color:#8f8f8f;letter-spacing:.06em;-webkit-user-select:none;user-select:none;margin-right:2px;font-weight:700}.playlist-tools .pl-tool-group{gap:5px;padding:4px 7px}.playlist-tools .pl-group-label{color:#bdbdbd}.playlist-tools .pl-select,.playlist-tools .pl-btn{height:27px}.pl-select{color:#d4d4d4;height:22px;font:10px var(--mono);cursor:pointer;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;outline:none;padding:0 4px}.pl-btn{height:22px;font:10px var(--mono);color:#d4d4d4;cursor:pointer;white-space:nowrap;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;justify-content:center;align-items:center;padding:0 7px;font-weight:600;transition:all .12s;display:inline-flex}.pl-btn:hover{color:#fff;background:#2a2a2a;border-color:#8f8f8f}.pl-btn.active{color:#f5f5f5;background:#3a3a3a;border-color:#8f8f8f}.pl-btn.danger{color:#f87171;background:0 0}.pl-btn.danger:hover{background:#ef444433;border-color:#ef4444}.playlist-ruler-row{grid-template-columns:var(--playlist-header-w) minmax(0, 1fr);align-items:stretch;gap:8px;height:34px;margin-bottom:2px;display:grid}.playlist-ruler-corner{font:600 12px var(--font);color:var(--muted);letter-spacing:0;text-transform:none;box-sizing:border-box;z-index:6;background:#141414;border:1px solid #3a3a3a;border-radius:6px;align-items:center;padding:0 10px;display:flex;position:sticky;left:0}.playlist-ruler{cursor:pointer;box-sizing:border-box;background:#141414;border:1px solid #3a3a3a;border-radius:6px;min-width:0;height:100%;position:relative;overflow:hidden}.playlist-section-label{box-sizing:border-box;height:18px;font:9px var(--mono);color:#a3a3a3;cursor:pointer;-webkit-user-select:none;user-select:none;z-index:2;background:#1a1a1a;border-bottom:1px solid #2e2e2e;border-right:1px solid #3a3a3a;flex-direction:column;justify-content:center;min-width:0;padding:0 8px;transition:background .12s;display:flex;position:absolute;top:0;overflow:hidden}.playlist-section-label:hover{color:#f5f5f5;background:#2a2a2a}.playlist-section-label.on{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 0 -2px #f5f5f5}.playlist-section-label span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.playlist-section-label small{color:#8f8f8f;font-size:8px}.playlist-ticks{pointer-events:none;position:absolute;inset:0}.playlist-tick{pointer-events:auto;cursor:ew-resize;background:#ffffff29;width:1px;position:absolute;top:0;bottom:0}.playlist-loop{pointer-events:none;z-index:1;background:#f5f5f514;border-left:2px solid #8f8f8f;border-right:2px solid #8f8f8f;position:absolute;top:0;bottom:0}.playlist-playhead{background:var(--action);pointer-events:none;z-index:5;width:2px;position:absolute;top:0;bottom:0;left:0;box-shadow:0 0 6px #fff9}.playlist-track{grid-template-columns:var(--playlist-header-w) minmax(0, 1fr);align-items:stretch;gap:8px;min-height:38px;display:grid}.playlist-track.muted-track{opacity:.45}.playlist-track-label{background:color-mix(in srgb, var(--track-color,#888) 8%, #1a1a1a);-webkit-user-select:none;user-select:none;box-sizing:border-box;z-index:6;border:1px solid #3a3a3a;border-radius:6px;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:6px;min-width:0;padding:0 8px;display:grid;position:sticky;left:0;overflow:hidden}.track-icon-badge{width:20px;height:20px;color:var(--track-color,#a3a3a3);flex-shrink:0;justify-content:center;align-items:center;display:flex}.playlist-track-label strong.track-name{color:#f5f5f5;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;min-width:0;font-size:11px;font-weight:600;overflow:hidden}.track-mini-tools{flex-shrink:0;grid-template-columns:32px 20px;align-items:center;gap:3px;display:grid}.track-mini-btn{width:100%;min-width:0;height:20px;font:9px var(--mono);color:#a3a3a3;cursor:pointer;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:4px;justify-content:center;align-items:center;padding:0;font-weight:600;transition:all .12s;display:inline-flex}.track-mini-btn:hover{color:#fff;background:#2a2a2a;border-color:#8f8f8f}.track-mini-btn.danger{color:#f87171}.track-mini-btn.danger:hover{background:#ef444433;border-color:#ef4444}.track-mini-spacer{width:20px;height:20px;display:block}.playlist-lane{box-sizing:border-box;background:#141414;border:1px solid #3a3a3a;border-radius:6px;width:100%;min-width:0;min-height:38px;position:relative;overflow:hidden}.playlist-lane-grid{pointer-events:none;position:absolute;inset:0}.playlist-clip{background:color-mix(in srgb, var(--clip-color,#888) 22%, #1a1a1a);border:1px solid color-mix(in srgb, var(--clip-color,#888) 55%, #333);border-left:3px solid var(--clip-color,#f5f5f5);cursor:grab;font:10px var(--mono);color:#f5f5f5;-webkit-user-select:none;user-select:none;z-index:2;border-radius:4px;align-items:center;padding:0 8px;font-weight:600;transition:box-shadow .12s,filter .12s;display:flex;position:absolute;top:4px;bottom:4px;overflow:hidden}.playlist-clip:hover{filter:brightness(1.15);z-index:3}.playlist-clip.selected{box-shadow:0 0 0 1.5px var(--clip-color,#fff), 0 2px 8px #00000080;z-index:4}.playlist-clip .clip-resize{cursor:ew-resize;background:0 0;width:8px;position:absolute;top:0;bottom:0;right:0}.sec-bars-edit{font:8px var(--mono);color:#8f8f8f;align-items:center;gap:4px;margin-top:4px;display:flex}.sec-bars-edit input{color:#e3e3e3;background:#111;border:1px solid #3a3a3a;border-radius:4px;width:44px;padding:2px 4px}.vocal-place-row{font:9px var(--mono);color:#8f8f8f;flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.note-vel-label{font:9px var(--mono);color:#9e9e9e;align-items:center;gap:4px;display:inline-flex}.note-vel-label input{width:72px}.clip-auto-row{font:10px var(--mono);color:#9e9e9e;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;display:flex}.starter-templates-section{margin:16px 0 24px}.starter-gallery-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:8px;margin:24px 0 12px;display:flex}.starter-gallery-head span{font:10px var(--mono,monospace);letter-spacing:.14em;color:var(--muted,var(--muted));font-weight:700}.starter-gallery-head small{color:var(--text-muted,var(--muted));font-size:11px}.template-gallery{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:24px;display:grid}.template-card{background:var(--surface-1,#131417);border:1px solid var(--line,#27272a);border-radius:var(--radius-md,10px);background:var(--panel);border:1px solid var(--line);text-align:left;cursor:pointer;border-radius:8px;flex-direction:column;justify-content:space-between;padding:16px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.template-card:hover{border-color:var(--line-strong,#3f3f46);border-color:var(--line-strong);background:var(--surface-2);transform:translateY(-2px);box-shadow:0 8px 24px #00000073}.template-card-top{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.template-genre{font:9px var(--mono,monospace);letter-spacing:.1em;text-transform:uppercase;background:var(--surface-2);color:var(--text);border:1px solid var(--line);border-radius:4px;padding:2px 7px}.template-meta{font:10px var(--mono,monospace);color:#888}.template-title{color:#f1f5f9;letter-spacing:-.02em;letter-spacing:-.01em;margin:0 0 6px;font-size:14px;font-weight:700}.template-desc{color:var(--muted);flex-grow:1;margin:0 0 14px;font-size:12px;line-height:1.45}.template-btn{background:var(--surface-2,#262830);border:1px solid var(--line,#383a42);border-radius:var(--radius-sm,6px);color:#f1f5f9;cursor:pointer;background:#1f2128;border:1px solid #333644;border-radius:6px;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 12px;font-size:12px;font-weight:600;transition:all .12s;display:flex}.template-btn:hover{background:var(--action);color:var(--action-ink);border-color:var(--action);background:var(--action);border-color:var(--action)}.template-tags{flex-wrap:wrap;gap:5px;margin:0 0 14px;display:flex}.template-tag{font:9px var(--mono,monospace);letter-spacing:.06em;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--line,#27272a);color:var(--muted);background:#1e2026;border:1px solid #2e313c;border-radius:4px;padding:2px 7px}.template-actions{margin-top:auto}.template-btn.primary{background:var(--action);border-color:var(--action);color:var(--action-ink)}.next-step-coach{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-md,10px);border-radius:8px;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;padding:12px 18px;display:flex}.coach-copy{align-items:center;gap:10px;display:flex}.coach-badge{font:10px var(--mono,monospace);font:9px var(--mono,monospace);letter-spacing:.1em;background:var(--action);color:var(--action-ink);text-transform:uppercase;border-radius:4px;padding:3px 7px;font-weight:700}.coach-message{color:#f1f5f9;margin:0;font-size:13px;font-weight:500}.coach-actions{flex-shrink:0;gap:8px;display:flex}.coach-btn{border:1px solid var(--line-strong,#3f3f46);background:var(--surface-2,#262830);color:#fff;cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:6px 14px;font-size:12px;font-weight:600;transition:all .12s;display:inline-flex}.coach-btn.primary{background:var(--action);color:var(--action-ink);border-color:var(--action)}.coach-btn:hover{filter:brightness(1.15)}.storage-notice-banner{color:#fde68a;background:#f59e0b0d;border:1px solid #f59e0b38;border-radius:6px;align-items:center;gap:10px;margin:16px 0;padding:10px 14px;font-size:12px;line-height:1.45;display:flex}.storage-notice-icon{color:#fbbf24;flex-shrink:0;align-items:center;display:inline-flex}.project-browser-tools{align-items:center;gap:10px;margin-bottom:12px;display:flex}.project-search-input{background:var(--surface-1,var(--panel));border:1px solid var(--line,#27272a);color:#fff;border-radius:6px;flex-grow:1;padding:8px 12px;font-family:inherit;font-size:12px}.project-sort-select{background:var(--surface-1,var(--panel));border:1px solid var(--line,#27272a);color:#cbd5e1;cursor:pointer;border-radius:6px;padding:8px 10px;font-size:12px}.save-dot{background:var(--success);vertical-align:middle;width:7px;height:7px;box-shadow:none;border-radius:50%;margin-right:6px;transition:transform .2s;display:inline-block}.save-dot.pulsing{animation:1.4s pulseDot}@keyframes pulseDot{0%{transform:scale(.9)}60%{transform:scale(1.15)}to{transform:scale(1)}}.browser-honesty-card{background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--line-strong);border-radius:8px;margin:16px 0;padding:14px 18px}.honesty-head{color:#fff;align-items:center;gap:8px;margin-bottom:6px;font-size:13px;font-weight:700;display:flex}.honesty-copy{color:var(--muted,var(--muted));margin:0;font-size:12px;line-height:1.5}.honesty-copy strong{color:#e2e8f0}.share-pack-card{background:var(--surface-1,#131417);border:1px solid var(--line,#27272a);border-radius:var(--radius-md,10px);flex-direction:column;gap:14px;margin-top:14px;padding:20px;display:flex}.share-pack-header{justify-content:space-between;align-items:center;display:flex}.share-pack-header h3{color:#fff;margin:0;font-size:16px;font-weight:700}.share-pack-desc{color:var(--text-muted,var(--muted));margin:0;font-size:12px;line-height:1.5}.share-pack-actions{flex-wrap:wrap;gap:10px;display:flex}.export-preview-player-box{background:#1a1b20;border:1px solid #333640;border-radius:8px;flex-direction:column;gap:12px;margin:14px 0;padding:16px;display:flex}.preview-stats-bar{font:11px var(--mono,monospace);color:var(--action);gap:16px;display:flex}.preview-audio-tag{outline:none;width:100%;height:38px}.folder-hint-box{color:var(--muted);background:#131416;border:1px solid #222429;border-radius:6px;padding:8px 12px;font-size:11px;line-height:1.4}.tour-overlay{z-index:100;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.tour-overlay[hidden]{display:none!important}.tour-dialog{background:#18191f;border:1px solid #383a45;border-radius:14px;flex-direction:column;gap:16px;width:min(540px,94vw);padding:24px;display:flex;position:relative;box-shadow:0 24px 60px #000000b3}.tour-step-count{font:10px var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase;color:var(--action)}.tour-dialog h2{color:#fff;letter-spacing:-.02em;margin:0;font-size:20px}.tour-dialog p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}.tour-dots{align-items:center;gap:8px;display:flex}.tour-dot{background:#333640;border-radius:50%;width:8px;height:8px;transition:all .2s}.tour-dot.active{background:var(--action);transform:scale(1.25)}.tour-footer{justify-content:space-between;align-items:center;margin-top:8px;display:flex}.help-overlay{z-index:99;background:#000000bf;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.help-overlay[hidden]{display:none!important}.help-dialog{background:#18191f;border:1px solid #383a45;border-radius:14px;flex-direction:column;gap:18px;width:min(720px,94vw);max-height:86vh;padding:24px;display:flex;overflow-y:auto;box-shadow:0 24px 60px #000000b3}.help-dialog-head{justify-content:space-between;align-items:center;display:flex}.help-dialog-head h2{color:#fff;margin:0;font-size:20px}.help-tabs{border-bottom:1px solid #27272a;gap:8px;padding-bottom:8px;display:flex}.help-tab-btn{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600}.help-tab-btn.active{color:#fff;background:#27272a}.shortcuts-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px;display:grid}.shortcut-row{background:#131417;border:1px solid #26272e;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;display:flex}.shortcut-row kbd{font:11px var(--mono,monospace);color:var(--action);background:#26272e;border:1px solid #3a3b45;border-radius:4px;padding:2px 7px}.recipes-list{flex-direction:column;gap:12px;display:flex}.recipe-card{background:#131417;border:1px solid #26272e;border-radius:8px;padding:12px 14px}.recipe-card h4{color:var(--action);margin:0 0 6px;font-size:13px}.recipe-card ol{color:var(--muted);margin:0;padding-left:20px;font-size:12px;line-height:1.5}.sound-fav-btn{color:#52525b;cursor:pointer;background:0 0;border:0;padding:4px 6px;font-size:14px;transition:color .15s,transform .15s}.sound-fav-btn:hover{color:#f59e0b;transform:scale(1.2)}.sound-fav-btn.is-fav{color:#f59e0b}@media (width<=1024px){.pad,.chip,.page-btn,.template-btn,.coach-btn{touch-action:manipulation;min-height:42px}.playlist-clip{touch-action:manipulation;min-height:38px}}.welcome-overlay{z-index:9999;background:#08080ad1;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.welcome-card{background:var(--panel);border:1px solid var(--line);color:#e8e8ea;border-radius:14px;width:100%;max-width:520px;padding:28px 28px 22px}.welcome-kicker{font:10px var(--mono,monospace);letter-spacing:.16em;color:var(--muted);margin:0 0 8px}.welcome-card h1{letter-spacing:-.03em;margin:0 0 10px;font-size:1.55rem;line-height:1.2}.welcome-card>p{color:#a1a1aa;margin:0 0 16px;line-height:1.45}.welcome-steps{color:#d4d4d8;margin:0 0 20px;padding-left:1.2rem}.welcome-steps li{margin:4px 0}.welcome-actions{flex-wrap:wrap;gap:8px;display:flex}.welcome-card .prompt-overrides{margin:0 0 12px}.welcome-card .welcome-scope-note{color:#a1a1aa;margin:0 0 14px;font-size:12px;line-height:1.45}.welcome-prompt-label{color:#d4d4d8;font-size:12px;display:block}.sound-preview.is-active{outline-offset:-1px;outline:1px solid #f5f5f5}.library-player{z-index:2;background:#111;border:1px solid #3a3a3a;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px;padding:10px 12px;display:flex;position:sticky;bottom:0}.library-player strong{flex:1;min-width:120px;font-size:13px}.instrument-patch,.clip-auto-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.patch-slider{color:#c4c4c4;gap:4px;min-width:120px;font-size:11px;display:grid}.patch-slider input[type=range]{width:140px}@media (width<=640px){.welcome-card{padding:18px 16px}.welcome-card .prompt-overrides{grid-template-columns:1fr}.welcome-actions .page-btn,.welcome-actions .ghost{min-height:42px}}.group-bus-row,.ref-cue-row{flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0 16px;display:flex}.group-bus-strip{font:10px var(--mono,monospace);background:#1a1a1a;border:1px solid #2e2e2e;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:flex}.version-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.track-fx-row{flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 16px;display:flex}.track-fx-list{flex-direction:column;gap:8px;width:100%;margin-top:4px;display:flex}.track-fx-item{border:1px solid var(--line,#27272a);background:var(--surface-1,var(--panel));font:11px var(--mono,monospace);color:#cbd5e1;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;display:flex}.track-fx-item input[type=range]{width:min(140px,100%)}.track-fx-item input[type=text],.track-fx-item input:not([type]){border:1px solid var(--line);color:#e2e8f0;background:#0f1013;border-radius:4px;min-width:100px;padding:4px 8px}@media (width<=720px){.next-step-coach{flex-direction:column;align-items:stretch}.coach-copy{flex-direction:column;align-items:flex-start}.coach-actions{width:100%}.coach-actions .coach-btn{flex:1}}.studio-page{--studio-canvas:var(--bg);--studio-panel:var(--panel);--studio-raised:var(--panel2);--studio-line:var(--line);--studio-text:var(--text);--studio-muted:var(--muted);--studio-action:var(--action);--studio-action-ink:var(--action-ink);--ctl:14px;--secondary:12px;--title:18px;min-width:0;height:100%;min-height:0;color:var(--studio-text);background:var(--studio-canvas);flex-direction:column;flex:auto;gap:8px;display:flex}.main-stage:has(.studio-page){background:var(--bg);flex-direction:column;padding:8px 12px;display:flex;overflow:hidden}.studio-topbar{box-shadow:none;background:0 0;border:0;border-radius:0;flex-wrap:nowrap;justify-content:space-between;align-items:center;gap:8px;padding:0 2px 6px;display:flex;overflow-x:auto}.shell.studio-view-active .tools .tool[data-view=studio],.shell.studio-view-active .tools .tool[data-view=melody],.shell.studio-view-active .tools .tool[data-view=drums],.shell.studio-view-active .tools .tool[data-view=chords],.shell.studio-view-active .tools .tool[data-view=vocals],.shell.studio-view-active .tools .tool[data-view=mix],.shell.studio-view-active .tools .library,.shell.studio-view-active .tools .nav-link[data-view=export]{display:none}.shell.studio-view-active .tools .tool[data-view=home]{margin-bottom:8px}.shell.studio-view-active>.piano-section{display:none!important}.piano-section.is-docked{display:flex!important}.studio-topbar-left{flex-wrap:nowrap;align-items:center;gap:8px;display:flex}.studio-kicker{font:10px var(--mono,monospace);letter-spacing:.14em;color:#f5f5f5;font-weight:700}.studio-tool-group{background:#141414;border:1px solid #3a3a3a;border-radius:6px;align-items:center;gap:4px;padding:4px;display:inline-flex}.studio-tool-btn{height:26px;font:10px var(--mono,monospace);color:#d4d4d4;cursor:pointer;white-space:nowrap;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:5px;padding:0 10px;font-weight:600}.studio-tool-btn:hover{color:#fff;background:#2a2a2a}.studio-tool-btn.on{color:#1a1a1a;background:#f5f5f5;border-color:#8f8f8f}.project-art-icon{color:#f5f5f5;width:22px;height:22px}.preset-art .project-art-icon{opacity:.82;width:32px;height:32px;position:absolute;top:12px;right:12px}.studio-mode-group{flex-wrap:wrap}.studio-mode-group .studio-tool-btn{align-items:center;gap:5px;display:inline-flex}.studio-mode-group .ico{width:14px;height:14px}.studio-workspace{flex:1;grid-template-columns:minmax(200px,232px) minmax(0,1fr) minmax(220px,268px);align-items:stretch;gap:10px;min-height:0;display:grid}.studio-pane{background:var(--panel);border:1px solid var(--line);border-radius:8px;flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.studio-pane-head{background:#141414;border-bottom:1px solid #3a3a3a;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:7px 9px;display:flex}.studio-editor-page{min-height:0}.studio-editor-surface{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent;min-height:0;padding:2px 2px 18px;overflow:auto}.studio-editor-surface>.page-stack{gap:12px;padding-bottom:0}.studio-editor-surface .back-project,.studio-editor-surface>.page-stack>.stage-header,.studio-editor-surface>.page-stack>.mini-guide{display:none}.studio-editor-surface .generator,.studio-editor-surface .phrase-desk,.studio-editor-surface .drum-top-bar,.studio-editor-surface .take-actions,.studio-editor-surface .action-bar{margin-top:0}.studio-pane-head strong{letter-spacing:.06em;text-transform:uppercase;color:#a3a3a3;font-size:11px}.studio-tabs{background:#1a1a1a;border-bottom:1px solid #3a3a3a;flex-wrap:wrap;flex-shrink:0;gap:4px;padding:6px;display:flex}.studio-tab{height:24px;font:9px var(--mono,monospace);letter-spacing:.04em;text-transform:uppercase;color:#8f8f8f;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;padding:0 8px;font-weight:700}.studio-tab:hover{color:#f5f5f5}.studio-tab.on{color:#f5f5f5;background:#3a3a3a;border-color:#0000;box-shadow:inset 2px 0 #f5f5f5}.studio-browser-body,.studio-tools-body{scrollbar-width:thin;scrollbar-color:#3a3a3a transparent;flex-direction:column;flex:1;gap:8px;padding:8px;display:flex;overflow:auto}.studio-browser-body .pattern-bank{border-radius:6px;gap:6px;margin:4px 0;padding:8px}.studio-browser-body .pattern-bank-head{flex-direction:column;align-items:stretch;gap:6px}.studio-browser-body .pattern-bank-actions{gap:4px;display:flex}.studio-browser-body .pattern-bank-actions .ghost{text-align:center;flex:1;height:20px;padding:2px 4px;font-size:9px;line-height:18px}.studio-browser-body .pattern-chips{flex-direction:column;gap:4px;display:flex}.studio-browser-body .pattern-chip{text-align:left;width:100%;padding:5px 8px;font-size:10px}.studio-section-label{font:9px var(--mono,monospace);letter-spacing:.1em;color:#8f8f8f;margin:2px 0 0;font-weight:700}.studio-chip-grid{flex-wrap:wrap;gap:6px;display:flex}.studio-chip{color:#d4d4d4;font:10px var(--mono,monospace);cursor:pointer;text-align:left;background:#141414;border:1px solid #3a3a3a;border-radius:6px;padding:6px 9px}.studio-chip:hover{color:#fff;border-color:#8f8f8f}.studio-chip.on{color:#1a1a1a;background:#f5f5f5;border-color:#f5f5f5}.studio-chip small{color:#8f8f8f;margin-top:2px;font-size:9px;display:block}.studio-plugin-card{background:#141414;border:1px solid #3a3a3a;border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.studio-plugin-card h4{color:#f5f5f5;margin:0;font-size:12px}.studio-plugin-card p{color:#a3a3a3;margin:0;font-size:11px;line-height:1.4}.studio-center{flex-direction:column;gap:8px;min-width:0;min-height:0;display:flex}.studio-center .playlist-board{flex:auto;min-height:0;overflow:hidden}.studio-center .playlist-scroll{flex:auto;min-height:0;overflow:auto}.studio-dock{height:var(--dock-h,280px);flex-direction:column;flex:none;min-height:0;display:flex}.studio-dock[data-collapsed="1"]{height:40px}.studio-rack-dock{background:var(--studio-panel);border:0;border-radius:8px;flex-direction:column;flex:auto;min-height:0;max-height:none;display:flex;overflow:hidden}.studio-piano-dock{min-height:64px;max-height:82px}.studio-dock-note{margin:0;padding:8px 10px}.studio-rack-dock .studio-pane-head{border-radius:0}.studio-rack-switch{flex-wrap:wrap;gap:4px;min-width:0;padding:8px 10px 0;display:flex}.studio-rack-body{scrollbar-width:thin;flex:1;padding:8px 10px 12px;overflow:auto}.studio-rack-body .rack-lanes,.studio-rack-body .rack-roll{gap:4px}.studio-rack-dock .rack-slot{background:#141414;border-radius:7px;min-width:58px;padding:7px 8px}.studio-rack-dock .rack-slot.on{color:#1a1a1a;background:#f5f5f5;border-color:#f5f5f5}.studio-rack-dock .rack-slot.on .rack-tick.on{background:#1a1a1a}.studio-rack-dock .rack-slot .ico{width:16px;height:16px}.studio-rack-dock .rack-spark{width:54px}.studio-rack-dock .rack-lane{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:8px}.studio-rack-dock .rack-mark{text-align:left;color:#d4d4d4;white-space:nowrap;text-overflow:ellipsis;padding-left:2px;font-size:11px;font-weight:600;overflow:hidden}.studio-rack-dock .rack-hits{gap:2px}.studio-rack-dock .rack-hit{background:#242424;border:1px solid #333;border-radius:3px;height:20px;transition:background .1s,border-color .1s}.studio-rack-dock .rack-hit:nth-child(n+5):nth-child(-n+8),.studio-rack-dock .rack-hit:nth-child(n+13):nth-child(-n+16){background:#181818;border-color:#2a2a2a}.studio-rack-dock .rack-hit:nth-child(4n):not(:last-child){margin-right:4px}.studio-rack-dock .rack-hit:hover{border-color:#8f8f8f}.studio-rack-dock .rack-hit.on{background:#f5f5f5;border-color:#f5f5f5}.studio-rack-dock .rack-hit.now{outline-offset:-1px;outline:1px solid #fff}.studio-rack-dock .rack-cell{background:#202020;border:1px solid #2e2e2e;border-radius:2px;height:18px}.studio-rack-dock .rack-cell:nth-child(n+5):nth-child(-n+8),.studio-rack-dock .rack-cell:nth-child(n+13):nth-child(-n+16){background:#141414;border-color:#242424}.studio-rack-dock .rack-cell:nth-child(4n):not(:last-child){margin-right:4px}.studio-rack-dock .rack-cell.on{background:#f5f5f5;border-color:#f5f5f5}.studio-mixer-strip-row{scrollbar-width:thin;gap:8px;padding:8px 10px 12px;display:flex;overflow-x:auto}.studio-mixer-strip-row .channel-strip{border-radius:8px;flex:none;min-width:92px}.studio-focus-list{flex-direction:column;gap:4px;display:flex}.studio-focus-item{color:#d4d4d4;cursor:pointer;text-align:left;font:11px var(--mono,monospace);background:#1a1a1a;border:1px solid #3a3a3a;border-radius:6px;grid-template-columns:8px minmax(0,1fr) auto;align-items:center;gap:8px;padding:7px 8px;display:grid}.studio-focus-item:hover{border-color:#8f8f8f}.studio-focus-item.on{color:#1a1a1a;background:#f5f5f5;border-color:#f5f5f5}.studio-focus-swatch{opacity:.72;background:currentColor;border-radius:2px;width:8px;height:8px}.studio-knob-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.studio-knob{background:#141414;border:1px solid #3a3a3a;border-radius:8px;flex-direction:column;gap:6px;padding:10px;display:flex}.studio-knob label{font:9px var(--mono,monospace);letter-spacing:.08em;color:#a3a3a3;text-transform:uppercase}.studio-knob input[type=range]{width:100%}.studio-slider{width:100%;height:18px}.studio-knob b{font:12px var(--mono,monospace);color:#f5f5f5}.studio-note-display{background:#141414;border:1px solid #3a3a3a;border-radius:10px;place-items:center;gap:6px;padding:10px 8px;display:grid}.studio-note-display strong{letter-spacing:-.04em;color:#f5f5f5;font-size:1.5rem;line-height:1}.studio-note-display span{font:10px var(--mono,monospace);color:#8f8f8f}.studio-scale-keys{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.studio-scale-key{aspect-ratio:1;color:#a3a3a3;font:9px var(--mono,monospace);cursor:default;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:999px}.studio-scale-key.on{color:#1a1a1a;box-shadow:none;background:#f5f5f5;border-color:#f5f5f5}.studio-tools-body .chain-row{flex-wrap:wrap;gap:6px;margin-top:0;display:flex}.studio-tools-body .chain-row button{color:#d4d4d4;min-height:26px;font:10px var(--mono,monospace);background:#141414;border:1px solid #3a3a3a;border-radius:5px;padding:0 9px}.studio-tools-body .chain-row button.on{color:#1a1a1a;background:#f5f5f5;border-color:#f5f5f5}.studio-tools-body .track-fx-list,.studio-tools-body .track-fx-item{min-width:0}.studio-tools-body .track-fx-item{background:#141414;border:1px solid #3a3a3a;border-radius:7px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px;padding:8px;display:grid}.studio-tools-body .track-fx-item strong{text-overflow:ellipsis;white-space:nowrap;color:#f5f5f5;overflow:hidden}.studio-tools-body .track-fx-item label{color:#a3a3a3;font:9px var(--mono,monospace);grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;display:grid}.studio-tools-body .track-fx-item input[type=range]{accent-color:#f5f5f5;width:100%}.studio-tools-body .track-fx-item .ghost{color:#d4d4d4;background:#1a1a1a;border:1px solid #3a3a3a;border-radius:5px;min-height:24px;padding:0 7px;font-size:10px}.studio-tools-body .track-fx-item .ghost.on{color:#1a1a1a;background:#f5f5f5;border-color:#f5f5f5}.studio-page{--studio-base:var(--bg);--studio-panel:var(--panel);--studio-raised:var(--panel2);--studio-line:var(--line);--studio-muted:var(--muted);--studio-action:var(--action);gap:8px}.studio-topbar{background:var(--studio-base);border-color:var(--studio-line);flex-wrap:nowrap;gap:10px;padding:6px}.studio-topbar-left{scrollbar-width:none;flex-wrap:nowrap;flex:auto;min-width:0;overflow-x:auto}.studio-topbar-left::-webkit-scrollbar{display:none}.studio-mode-group{background:var(--studio-panel);border-color:var(--studio-line);flex-wrap:nowrap;flex:none}.studio-mode-group .studio-tool-btn{height:30px}.studio-mode-group .studio-tool-btn.on{box-shadow:inset 0 -2px #1a1a1a}.studio-tool-group{border-color:var(--studio-line);background:var(--studio-base)}.studio-tool-btn{background:0 0;border-color:#0000;height:30px}.studio-tool-btn:hover{background:#2a2a2a}.studio-pane,.studio-rack-dock,.studio-center .playlist-board{background:var(--studio-panel);box-shadow:none;border:0;border-radius:12px}.studio-pane-head{background:var(--studio-raised);border-color:var(--studio-line);min-height:38px;padding:7px 11px}.studio-pane-head strong{color:#ededed;letter-spacing:.1em;font-size:10px}.studio-browser-body,.studio-tools-body{gap:10px;padding:10px}.studio-focus-item{--swatch:#aaa;background:#151515;border-color:#303030;min-height:34px}.studio-focus-swatch{background:var(--swatch);opacity:1}.studio-focus-item.on{color:#f5f5f5;border-color:color-mix(in srgb, var(--swatch) 65%, #404040);box-shadow:inset 2px 0 var(--swatch);background:#252525}.studio-rack-dock{max-height:none}.studio-editor-center{min-height:0}.studio-editor-center .studio-editor-surface{flex:auto}.studio-workspace-mixer{grid-template-columns:minmax(180px,210px) minmax(0,1fr)}.studio-workspace-mixer .studio-tools-pane{display:none}.studio-context-track{color:var(--studio-text);font:600 14px var(--font,sans-serif);white-space:nowrap}.studio-page button:focus-visible,.studio-page input:focus-visible,.studio-page select:focus-visible,.studio-page summary:focus-visible,.transport-playback button:focus-visible{outline:2px solid var(--studio-action);outline-offset:2px}@media (width<=1180px){.studio-topbar{flex-wrap:wrap}.studio-topbar-left{flex-basis:100%}}@media (width<=760px){.studio-topbar-left{align-items:stretch}.studio-mode-group,.studio-topbar-left>.studio-tool-group{max-width:100%;overflow-x:auto}.studio-center{order:0}.studio-browser-pane{order:1}.studio-tools-pane{order:2}.studio-workspace-mixer{grid-template-columns:1fr}.playlist-empty-state{width:auto;margin:14px 8px}}.studio-empty{font:11px var(--mono,monospace);color:#8f8f8f;line-height:1.45}@media (width<=1100px){.studio-workspace{grid-template-columns:minmax(160px,190px) minmax(0,1fr)}.studio-tools-pane{grid-column:1/-1;max-height:280px}}@media (width<=760px){.studio-workspace{grid-template-columns:1fr}.studio-browser-pane,.studio-tools-pane{max-height:240px}}.sidebar-section-label{color:var(--muted,#8f949d);letter-spacing:.12em;text-transform:uppercase;margin:18px 12px 6px;font-size:10px;font-weight:700}.tools .nav-link{width:100%;min-height:32px;color:var(--muted);text-align:left;background:0 0;border:0;align-items:center;gap:8px;padding:0 12px;display:flex}.tools .nav-link svg{width:14px;height:14px}.tools .nav-link:hover,.tools .nav-link.on{color:var(--text);background:var(--surface-2)}.studio-page,.studio-page button,.studio-page input,.studio-page select,.studio-page summary{font-family:var(--font,sans-serif)}.studio-topbar,.studio-pane,.studio-rack-dock,.studio-page .playlist-board{background:var(--studio-panel);border:1px solid var(--studio-line);box-shadow:none}.studio-topbar{border-radius:8px;min-height:44px;padding:4px}.studio-pane-head{border-bottom:1px solid var(--studio-line);background:0 0;min-height:40px}.studio-pane-head strong,.studio-dock-pattern{font:600 var(--title) / 1.2 var(--font,sans-serif);letter-spacing:-.03em;text-transform:none;color:var(--studio-text)}.studio-dock-pattern,.studio-kicker,.studio-section-label,.studio-empty,.playlist-empty-step{font-family:var(--font,sans-serif);font-size:var(--secondary);letter-spacing:0;text-transform:none;color:var(--studio-muted);font-weight:500}.studio-tool-group{background:0 0;border:0;gap:2px;padding:0}.studio-tool-btn{background:var(--surface-3);height:32px;color:var(--studio-text);font:600 var(--ctl) / 1 var(--font,sans-serif);box-shadow:none;border:0;border-radius:8px;padding:0 12px}.studio-tool-btn:hover{background:var(--studio-raised);color:var(--studio-text)}.studio-tool-btn.primary,.studio-menu>summary.primary,.studio-page .studio-tool-btn.primary{background:var(--studio-action);color:var(--studio-action-ink)}.studio-tool-btn.on,.studio-mode-group .studio-tool-btn.on{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.studio-tab{height:32px;font:600 14px / 1 var(--font,sans-serif);letter-spacing:0;text-transform:none;color:var(--studio-muted);background:0 0;border:0;border-radius:8px;padding:0 12px}.studio-tab.on{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.studio-workspace.browser-closed{grid-template-columns:36px minmax(0,1fr) minmax(220px,268px)}.studio-workspace.inspector-closed{grid-template-columns:minmax(200px,232px) minmax(0,1fr)}.studio-workspace.browser-closed.inspector-closed{grid-template-columns:36px minmax(0,1fr)}.studio-browser-rail{writing-mode:vertical-rl;background:var(--studio-panel);color:var(--studio-muted);font:600 12px var(--font,sans-serif);letter-spacing:.08em;cursor:pointer;border:0;border-radius:8px;display:none;transform:rotate(180deg)}.studio-workspace.browser-closed .studio-browser-pane{display:none}.studio-workspace.browser-closed .studio-browser-rail{justify-content:center;align-items:center;display:flex}.studio-workspace.inspector-closed .studio-tools-pane{display:none}.studio-search{color:var(--studio-muted);font-size:var(--secondary);gap:4px;display:grid}.studio-search input,.studio-page .pl-select{height:36px;color:var(--studio-text);font:14px var(--font,sans-serif);box-shadow:none;background:#0c0c0c;border:0;border-radius:8px;padding:0 10px}.pattern-group{gap:4px;display:grid}.pattern-row{border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:4px;display:grid}.pattern-row.on{background:color-mix(in srgb, var(--studio-action) 16%, transparent)}.pattern-row-main{background:var(--surface-3);min-width:0;height:32px;color:var(--studio-text);text-align:left;cursor:pointer;border:0;border-radius:8px;justify-content:space-between;gap:8px;padding:0 12px;display:flex}.pattern-row.on .pattern-row-main{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.track-mini-btn{color:#f4f4f4;min-width:20px;height:20px;font:600 12px/1 var(--font,sans-serif);box-shadow:none;background:#2c2c2c;border:0;border-radius:8px;padding:0 6px}.pattern-row-main strong{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:var(--ctl);flex:1;font-weight:600;overflow:hidden}.pattern-row-main span,.studio-page .playlist-section-label small,.studio-page .clip-name{font-family:var(--mono,monospace)}.pattern-row-main span{color:var(--studio-muted);white-space:nowrap;flex:none;font-size:12px}.pattern-row-menu{width:28px;height:28px;color:var(--studio-muted);cursor:pointer;background:0 0;border:0;border-radius:6px}.studio-menu{position:relative}.studio-menu:not([open])>.studio-menu-pop{display:none}.studio-menu>summary{cursor:pointer;list-style:none}.studio-menu>summary::-webkit-details-marker{display:none}.studio-menu-pop{z-index:30;background:var(--studio-raised);border-radius:8px;min-width:168px;padding:4px;position:absolute;top:calc(100% + 4px);right:0;box-shadow:0 16px 40px #00000059}.studio-menu-pop button{width:100%;color:var(--studio-text);text-align:left;font:14px var(--font,sans-serif);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:8px 10px;display:block}.studio-menu-pop button:hover{background:color-mix(in srgb, var(--studio-action) 18%, transparent)}.studio-add-menu .studio-menu-pop{left:auto;right:0}.studio-dock-split{cursor:ns-resize;background:0 0;border-radius:99px;flex:none;height:8px;margin:0 0 -4px}.studio-dock-split:hover,.studio-dock-split:focus-visible{background:color-mix(in srgb, var(--studio-action) 55%, transparent)}.studio-dock[data-collapsed="1"] .studio-dock-split,.studio-dock[data-collapsed="1"] .studio-dock-body{display:none}.studio-dock-body{flex-direction:column;flex:auto;min-height:0;display:flex;overflow:auto}.studio-piano-host{flex-direction:column;flex:auto;min-height:180px;display:flex;overflow:hidden}.piano-section.is-docked{background:var(--studio-panel);border:0;flex:auto;height:100%;min-height:0;position:relative}.studio-audio-dock{gap:8px;padding:8px 12px 12px;display:grid}.studio-page .playlist-board{--playlist-header-w:136px;min-height:0;box-shadow:none;background:0 0;border:0;border-radius:0;flex:auto;gap:0;padding:0}.studio-page .playlist-track,.studio-page .playlist-lane{height:34px;min-height:34px}.studio-page[data-density=compact] .playlist-track,.studio-page[data-density=compact] .playlist-lane{height:30px;min-height:30px}.studio-page .playlist-track-label{box-shadow:inset 2.5px 0 0 var(--track-color,var(--text));font-family:var(--font,sans-serif);background:0 0;border:0;gap:6px;padding:0 6px 0 8px}.studio-page .track-icon-badge{color:var(--track-color,var(--studio-text));cursor:pointer;background:0 0;border:0;width:16px;height:16px;padding:0}.studio-page .track-icon-badge .material-symbols-outlined,.studio-page .track-icon-badge svg{width:14px;height:14px;font-size:14px}.studio-page .track-name{font:600 11px var(--font,sans-serif);color:var(--studio-text);letter-spacing:-.01em}.studio-page .playlist-ruler-row{height:24px;margin-bottom:2px}.studio-page .playlist-ruler,.studio-page .playlist-ruler-corner,.studio-page .playlist-lane{background:0 0;border:0;border-radius:0}.studio-page .playlist-ruler-corner{font:700 9px var(--mono,monospace);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:0 8px}.studio-page .playlist-lane{background:#ffffff04;border-bottom:1px solid #ffffff09;border-radius:3px}.studio-page .playlist-section-label{height:100%;font:700 9px var(--mono,monospace);color:var(--muted);background:#ffffff06;border:0;border-right:1px solid #ffffff0f;flex-direction:row;align-items:center;gap:5px;padding:0 6px}.studio-page .playlist-section-label.on{box-shadow:inset 0 -1.5px 0 var(--studio-action);color:var(--studio-text);background:#ffffff0d}.studio-page .playlist-clip{background:color-mix(in srgb, var(--clip-color,#38bdf8) 18%, #14171a);border:1px solid color-mix(in srgb, var(--clip-color,#38bdf8) 35%, #ffffff14);border-left:2.5px solid var(--clip-color,var(--text));height:calc(100% - 4px);color:var(--studio-text);box-sizing:border-box;border-radius:3px;flex-direction:column;justify-content:space-between;padding:2px 6px 3px;display:flex;top:2px;bottom:2px;container-type:inline-size}.studio-page .clip-name{text-overflow:ellipsis;white-space:nowrap;font:600 10px var(--font,sans-serif);opacity:.95;line-height:1.1;display:block;overflow:hidden}@container (width<=50px){.clip-name{display:none}}.studio-page .clip-preview{pointer-events:none;gap:1px;height:5px;margin-top:1px;display:flex;position:relative;bottom:0;left:0;right:0}.studio-page .clip-preview i{background:0 0;border-radius:1px;flex:1 1 0;height:100%}.studio-page .clip-preview i.on{background:color-mix(in srgb, var(--clip-color,#fff) 85%, white)}.studio-page .clip-preview.notes{height:5px;display:block}.studio-page .clip-preview.notes i{background:color-mix(in srgb, var(--clip-color,#fff) 80%, white);border-radius:1px;height:5px;position:absolute;top:0}.studio-page .clip-preview.wave{background:repeating-linear-gradient(90deg, color-mix(in srgb, var(--clip-color,#fff) 70%, white) 0 2px, transparent 2px 4px);opacity:.75;height:5px}.studio-page .playlist-clip.selected{box-shadow:inset 0 0 0 1.5px var(--studio-action), 0 0 8px #00000080;border-color:var(--studio-action);z-index:4}.studio-page .playlist-clip .clip-resize{background:#ffffff3d;width:6px}.studio-page .playlist-clip.selected .clip-resize{background:var(--studio-action)}.studio-page .playlist-empty-state{border:1px dashed var(--line);background:0 0}.studio-page .playlist-empty-state h3{font-size:var(--title);letter-spacing:-.03em}.transport-playback{align-items:center;display:inline-flex}.transport-playback[hidden]{display:none}.transport-playback .mode-pill{background:var(--surface-3);height:32px;color:var(--text);font:600 14px/1 var(--font,sans-serif);letter-spacing:0;box-shadow:none;border:0;border-radius:8px;padding:0 12px}.transport-playback .mode-pill.on{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.studio-page[data-density=compact]{--ctl:13px;--secondary:11px;--title:16px}.shell.studio-view-active .tools,.shell.studio-view-active .nav-toggle{display:none}.studio-beat-actions{align-items:center;gap:4px;min-width:0;display:flex}.studio-beat-picker{min-width:0;max-width:min(320px,32vw)}.studio-beat-picker>summary{text-overflow:ellipsis;white-space:nowrap;background:var(--studio-raised);max-width:100%;display:block;overflow:hidden}.studio-beat-picker .studio-menu-pop{min-width:220px;left:0;right:auto}.studio-tools-body .track-fx-item{background:var(--studio-raised);border:0;gap:8px;padding:10px}.studio-tools-body .track-fx-item strong{font:600 14px var(--font,sans-serif);text-transform:capitalize}.studio-tools-body .track-fx-item .eq-band-control{font:12px var(--font,sans-serif);grid-template-columns:36px minmax(0,1fr) auto}.eq-band-control output{color:var(--studio-text);font:12px var(--mono,monospace);grid-column:3}.eq-band-control input{accent-color:var(--studio-action);grid-column:1/-1}.studio-eq-graph{background:var(--bg);border-radius:7px;grid-column:1/-1;padding:6px 8px 5px}.studio-eq-graph svg{width:100%;height:92px;display:block}.studio-eq-graph .eq-grid{fill:none;stroke:var(--line);stroke-width:1px}.studio-eq-graph .eq-zero{fill:none;stroke:var(--line-strong);stroke-width:1px}.studio-eq-graph .eq-curve{fill:none;stroke:var(--studio-action);stroke-width:2.5px;vector-effect:non-scaling-stroke}.studio-eq-graph .eq-point{fill:var(--bg);stroke:var(--studio-action);stroke-width:2px;vector-effect:non-scaling-stroke}.eq-frequencies{color:var(--studio-muted);font:10px var(--mono,monospace);justify-content:space-between;display:flex}.studio-tools-body .track-fx-actions{grid-column:1/-1;justify-content:flex-end;gap:4px;display:flex}.studio-workspace-drums .studio-rack-body .rack-lanes,.studio-workspace-drums .studio-rack-body .rack-roll,.studio-workspace-drums .studio-rack-body .rack-lane{width:100%}.studio-workspace-drums .studio-rack-dock .rack-hit,.studio-workspace-drums .studio-rack-dock .rack-cell{height:28px}@media (width<=760px){.studio-beat-actions{max-width:100%;overflow-x:auto}.studio-beat-picker{flex:none;max-width:200px}}@media (width<=1180px){.studio-page:not([data-browser=open]) .studio-workspace{grid-template-columns:36px minmax(0,1fr)}.studio-page:not([data-browser=open]) .studio-browser-pane{display:none}.studio-page:not([data-browser=open]) .studio-browser-rail{display:flex}.studio-workspace.inspector-closed{grid-template-columns:minmax(180px,210px) minmax(0,1fr)}.studio-page:not([data-browser=open]) .studio-workspace.inspector-closed{grid-template-columns:36px minmax(0,1fr)}}@media (width<=1100px){.studio-tools-pane{grid-column:1/-1;max-height:200px}.studio-workspace.inspector-closed .studio-tools-pane{display:none}}.studio-topbar,.studio-topbar-left{overflow:auto hidden}.studio-topbar-left{flex-wrap:nowrap}.studio-browser-pane,.studio-tools-pane{overflow:auto}.studio-browser-body,.studio-tools-body{overflow:visible}@media (width<=760px){.main-stage:has(.studio-page){height:auto;display:block;overflow:visible}.studio-page{height:auto;min-height:70vh}.studio-page .studio-workspace,.studio-page:not([data-browser=open]) .studio-workspace,.studio-page:not([data-browser=open]) .studio-workspace.inspector-closed,.studio-workspace.browser-closed,.studio-workspace.inspector-closed,.studio-workspace.browser-closed.inspector-closed{grid-template-columns:1fr}.studio-browser-rail{writing-mode:horizontal-tb;min-height:36px;transform:none}.studio-dock{height:min(var(--dock-h,280px), 46vh)}.studio-center{min-height:280px}}.mixer-page{letter-spacing:0;gap:12px}.mixer-page *,.mixer-page h2{letter-spacing:0}.mixer-desk{grid-template-columns:minmax(0,1fr) 300px;gap:18px;display:grid}.mixer-channels,.mixer-master{min-width:0}.mixer-master{border-left:1px solid var(--line);padding-left:18px}.mixer-section-head{justify-content:space-between;align-items:center;gap:12px;min-height:32px;margin-bottom:8px;display:flex}.mixer-section-head h2{color:#eee;margin:0;font-size:12px;font-weight:600}.mixer-section-head>span{font:10px var(--mono);color:#a3a3a3}.mixer-page .mix-console{scrollbar-width:thin;grid-template-columns:none;grid-auto-columns:minmax(120px,1fr);grid-auto-flow:column;gap:0;padding-bottom:4px;display:grid;overflow-x:auto}.mixer-page .channel-strip{background:#1b1b1b;border:0;border-right:1px solid #333;border-radius:0;grid-template-rows:26px 6px 56px 62px 158px 28px 18px;grid-template-columns:repeat(3,minmax(0,1fr));place-items:center;gap:4px 2px;padding:8px;display:grid}.mixer-page .channel-strip>strong{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font:600 11px var(--font,sans-serif);text-transform:none;grid-column:1/-1;overflow:hidden}.mixer-page .strip-meter{background:#090909;border-radius:1px;grid-column:1/-1;width:100%;height:6px;position:relative;overflow:hidden}.mixer-page .strip-meter i{background:#d4d4d4;width:0;height:100%;transition:width 70ms linear;display:block}.mixer-page .clip-led{background:#393333;width:4px;height:100%;position:absolute;top:0;right:0}.mixer-page .clip-led.clipping{background:#f5f5f5}.mixer-page .strip-pan{grid-column:1/-1;margin:0}.mixer-page .phrase-swing{gap:3px;min-width:0;padding:0}.mixer-page .strip-send{flex-direction:column;align-items:center;margin:0;display:flex}.mixer-page .strip-send-label,.mixer-page .phrase-swing b{font:9px var(--mono);color:#aaa}.mixer-page .pot.compact{width:32px;height:32px}.mixer-page .pot.compact .pot-cap{inset:6px}.mixer-page .pot.compact .pot-cap i{height:7px;top:2px}.mixer-page .pot-cap{background:#c6c6c6;box-shadow:inset 0 1px 1px #fff4,0 1px 2px #0008}.mixer-page .fader-bed{grid-column:1/-1;height:158px}.mixer-page .fader-well{height:158px}.mixer-page .channel-fader{width:124px;margin-left:-62px;top:54px}.mixer-page .fader-scale{padding-bottom:30px}.mixer-page .strip-switches,.mixer-page .strip-fx-count{grid-column:1/-1}.mixer-page .strip-fx-count{font:9px var(--mono);color:#939393}.mixer-page .strip-mute{width:30px;height:24px}.mixer-page .strip-mute.on{background:var(--action);color:var(--action-ink);border-color:#0000}.mixer-page .mastering-row{gap:6px;margin:0 0 8px}.mixer-page .master-btn{border-radius:4px;gap:6px;min-width:0;min-height:48px;padding:8px}.mixer-page .master-btn-text strong{font-size:9px}.mixer-page .master-btn-text small{color:#a3a3a3;font-size:9px}.mixer-page .master-btn.on{border-color:#656565}.mixer-page .master-led{width:5px;height:5px}.mixer-page .master-btn.on .master-led{background:var(--action)}.mixer-page .master-meter-card{grid-column:1/-1;padding:6px 0}.mixer-page .meter-label{font:9px var(--mono);color:#aaa;margin-bottom:6px;display:block}.mixer-page .fx-rack-card{box-shadow:none;background:0 0;border:0;border-top:1px solid #333;border-radius:0;margin:0;padding:8px 0}.mixer-page .fx-rack-header{border:0;margin-bottom:8px;padding-bottom:0}.mixer-page .fx-rack-title{gap:6px}.mixer-page .fx-rack-title strong{font-size:11px}.mixer-page .fx-controls-grid{gap:8px}.mixer-page .fx-knob-box{background:0 0;border:0;border-radius:0;padding:0}.mixer-page .fx-knob-label{flex-direction:column;align-items:center;gap:3px}.mixer-page .fx-knob-box .pot{width:44px;height:44px;margin:6px auto}.mixer-page .fx-knob-box .pot-cap{inset:8px}.mixer-page .fx-knob-box .pot-cap i{height:10px;top:3px}.mixer-page .fx-scale-labels{font-size:8px}.mixer-buses,.mixer-inserts{background:#141414;border:1px solid #333;border-radius:6px;margin-top:10px;padding:10px 12px}.mixer-page .group-bus-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;display:grid}.mixer-page .group-bus-strip{background:0 0;border:0;border-radius:0;grid-template-columns:48px minmax(0,1fr) 38px 30px;gap:8px;min-width:0;padding:6px 0;display:grid}.mixer-page output{font:10px var(--mono);color:#ccc;text-align:right}.mixer-page input[type=range]:not(.pot-range):not(.channel-fader){appearance:none;accent-color:#ddd;cursor:pointer;background:0 0;width:100%;min-width:0;height:22px;margin:0}.mixer-page input[type=range]:not(.pot-range):not(.channel-fader)::-webkit-slider-runnable-track{background:#484848;border-radius:1px;height:3px}.mixer-page input[type=range]:not(.pot-range):not(.channel-fader)::-webkit-slider-thumb{appearance:none;background:#bababa;border:1px solid #ddd;border-radius:2px;width:10px;height:14px;margin-top:-5.5px}.mixer-page input[type=range]:not(.pot-range):not(.channel-fader)::-moz-range-track{background:#484848;height:3px}.mixer-page input[type=range]:not(.pot-range):not(.channel-fader)::-moz-range-thumb{background:#bababa;border:1px solid #ddd;border-radius:2px;width:10px;height:14px}.mixer-page select{color:#eee;min-width:0;max-width:100%;min-height:28px;font:11px var(--font,sans-serif);background:#202020;border:1px solid #444;border-radius:4px;padding:4px 8px}.mixer-page .page-btn{border-radius:4px;min-height:28px;padding:4px 9px;font-size:11px}.mixer-page .track-fx-row{gap:6px;margin:0}.mixer-page .track-fx-item{color:#ccc;background:#181818;border-radius:4px}.mixer-page .track-fx-item strong{font-size:11px}.mixer-page .track-fx-item label{align-items:center;gap:6px;display:flex}.mixer-page .track-fx-item .ghost{min-width:28px;min-height:28px;font-size:12px}.mixer-section{background:#141414;border:1px solid #333;border-radius:6px;min-width:0;margin:6px 0;padding:0 12px}.mixer-section summary{cursor:pointer;font:11px var(--mono);letter-spacing:.05em;color:#a3a3a3;text-transform:uppercase;padding:8px 0;font-weight:600}.mixer-section[open] summary{color:#f5f5f5;border-bottom:1px solid #282828;margin-bottom:8px}.mixer-page .ref-cue-row,.mixer-page .clip-auto-row{gap:8px;margin:4px 0 10px}.mixer-page .ref-cue-row label{align-items:center;gap:8px;font-size:11px;display:flex}.mixer-page .ref-cue-row input{max-width:120px}.mixer-page .clip-auto-row label{min-width:80px;font:10px var(--mono);gap:4px;display:grid}.mixer-page :is(button,summary,select,input):focus-visible{outline-offset:3px;outline:2px solid #ccc}@media (width<=900px){.mixer-desk{grid-template-columns:minmax(0,1fr)}.mixer-master{border-left:0;border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;padding:8px 0 0;display:grid}.mixer-master>.mixer-section-head{grid-column:1/-1;margin:0}.mixer-page .group-bus-row{grid-template-columns:1fr;gap:2px}}@media (width<=600px){.mixer-master{grid-template-columns:1fr}.mixer-page .mix-console{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-flow:row}.mixer-page .channel-strip{border-bottom:1px solid #333}}.shell,.topbar,.transport,footer,.tools,.inspector,.main-stage{background:var(--bg)}.main-stage:has(.studio-page){background:var(--bg)}.main-stage:has(.desk){background:var(--bg)}.tools{border-right:1px solid var(--line);flex-direction:column;gap:2px;padding:16px 10px;display:flex}.sidebar-title{color:var(--muted);font:600 12px var(--font);letter-spacing:0;text-transform:none;padding:0 10px 12px}.tool{min-height:36px;color:var(--muted);text-align:left;box-shadow:none;background:0 0;border:0;border-radius:8px;grid-template-columns:22px 1fr;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:grid}.tool small{display:none}.tool svg{width:16px;height:16px;color:var(--text)}.tool:hover{background:var(--surface-2);color:var(--text);border:0}.tool.active{color:#f5f5f5;background:#3a3a3a;border:0;box-shadow:inset 2px 0 #f5f5f5}.tool.active svg{color:#f5f5f5}.tool.active:before{display:none}.sidebar-bottom{gap:2px;margin-top:auto;display:grid}.library,.settings,.nav-link{color:var(--muted);border-radius:8px;font-size:14px}.library:hover,.settings:hover,.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-link.on,.settings.on{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.playhead,.arrange-playhead,.playlist-playhead{background:var(--action);width:1px;box-shadow:none}.page-stack{max-width:none}.desk{gap:20px}.desk-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.desk-head-actions{align-items:center;gap:8px;display:flex}.desk-head h1{letter-spacing:-.04em;margin:4px 0;font-size:28px}.desk-head .eyebrow,.desk-card .eyebrow,.starter-gallery-head span,.stage-header .eyebrow,.back-project,.prompt-starter .eyebrow{color:var(--muted);letter-spacing:0;text-transform:none;font:600 12px var(--font)}.desk-starters{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.desk-starter,.desk-card,.choice-card,.export-card,.take-box,.project-face,.project-hub,.prompt-starter,.mini-guide,.next-step-coach,.generator,.phrase-desk,.drum-top-bar,.share-pack-card,.export-preview-player-box,.settings-form-block,.vocal-drop-box{background:var(--panel);color:var(--text);box-shadow:none;border:0;border-radius:12px}.desk-starter{cursor:pointer;gap:10px;padding:14px;display:grid}.desk-starter-copy{gap:2px;display:grid}.desk-starter-copy strong{letter-spacing:-.02em;font-size:15px}.desk-starter small,.choice-card small,.home-card p,.mix-row small,.page-lead,.export-card p,.description{color:var(--muted);font-size:var(--secondary);line-height:1.5}.desk-starter .page-btn{justify-self:start}.desk-starter:hover{background:var(--surface-2)}.desk-card,.prompt-starter{gap:12px;padding:16px;display:grid}.desk-card h2,.starter-gallery-head h3.template-title,.stage-header h1{letter-spacing:-.03em;color:var(--text);margin:4px 0 0;font-size:22px}.desk-card textarea,.desk-card input,.desk-card select,.prompt-starter textarea,.prompt-overrides input,.prompt-overrides select,.form-grid textarea,.form-grid input,.form-grid select{background:var(--bg);color:var(--text);font:14px var(--font);border:0;border-radius:8px}.page-btn,.take-actions button,.export-actions button{background:var(--surface-3);color:var(--text);font:600 14px var(--font);border:0;border-radius:8px;padding:8px 12px}.page-btn.hot,.take-actions button.hot,.page-btn.hot.action-primary,.coach-btn.primary,.template-btn.primary,.studio-tool-btn.primary,.add-project,.prompt button,#record-vocal.is-counting{background:var(--action);color:var(--action-ink);border-color:#0000}.page-btn.hot:hover,.take-actions button.hot:hover,.add-project:hover{filter:brightness(1.05)}.transport-playback .mode-pill.on .mode-dot{background:#f5f5f5}.chip.selected,.kit-row button.on,.patch-bank button.on,.punch-btn.on,.idea.chosen,.vocal-card.chosen,.lyric-line.chosen,.click-card.chosen,.choice-card.chosen,.kit-tile.on,.chain-tile.on,.pattern-chip.on,.step.on{color:#f5f5f5;background:#3a3a3a;border-color:#0000;box-shadow:inset 2px 0 #f5f5f5}.chip,.kit-row button,.patch-bank button,.idea,.vocal-card,.lyric-line,.pattern-chip{background:var(--surface-3);color:var(--text);font:600 14px/1 var(--font);border:0;border-radius:8px}.idea-text strong,.choice-card strong,.home-card strong{font-size:14px}.idea-text span,.idea-number{color:var(--muted);font-size:12px}.next-step-coach,.browser-honesty-card{background:var(--panel);border:0}.coach-badge,.template-genre,.tour-step-count,.honesty-head{background:var(--surface-2);color:var(--text);border:0}.session-pill{background:var(--surface-3);color:var(--muted);font:12px var(--font);border:0}.session-pill.saved{background:color-mix(in srgb, var(--success) 22%, transparent);color:var(--text);border:0}.generator,.phrase-desk,.drum-top-bar,.share-pack-card{padding:12px}.generator .prompt,.prompt{background:var(--bg);border:0;border-radius:10px}.chord-keys i.black.on,.chord-keys i.white.on{background:var(--action)}.project-face{gap:10px;padding:16px;display:grid}.project-face.current{box-shadow:inset 0 0 0 1px var(--action)}.project-face h2{letter-spacing:-.03em;margin:0;font-size:18px}.project-face .description{margin:4px 0 0}.project-card-top{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.project-meta{color:var(--muted);margin:0;font-size:13px}.project-meta .num{font-family:var(--mono);color:var(--text)}.project-menu-btn{width:32px;height:32px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:18px;line-height:1}.project-menu-btn:hover{background:var(--surface-3);color:var(--text)}.project-card-menu{position:relative}.project-card-menu .studio-menu-pop button.danger{color:var(--danger)}.project-face .add-project{justify-self:start;width:auto;padding:8px 14px}.starter-gallery-head{justify-content:space-between;align-items:end;gap:12px;margin-bottom:10px;display:flex}.pattern-bank{background:var(--panel);border:0}.pattern-bank-head,.pattern-length,.playlist-ruler-corner,.playlist-empty-step,.action-bar-label,.help-btn,.help-disclosure summary,.new-project-disclosure>summary,.settings-label,.back-project,.inspector-title,.lane-label{font-family:var(--font);letter-spacing:0;text-transform:none;color:var(--muted);font-size:12px;font-weight:600}.pattern-chip{font:13px var(--font);padding:6px 10px}.playlist-board{background:var(--panel);box-shadow:none;border:0}.playlist-ruler,.playlist-ruler-corner,.playlist-lane,.pl-tool-group,.pl-btn,.pl-select{background:var(--surface-2);color:var(--text);font-family:var(--font);border-color:#0000}.pl-btn.active,.playlist-badge.song{color:#f5f5f5;background:#3a3a3a;border-color:#0000;box-shadow:inset 2px 0 #f5f5f5}.mix-row{background:var(--panel);border:0;border-radius:10px}.mix-row input[type=range]{accent-color:var(--action)}.mix-row button.on{background:var(--action);color:var(--action-ink);border-color:#0000}.inspector-dock{box-shadow:none;background:0 0;border:0;justify-content:center;width:32px;max-width:none;height:32px;padding:0}.inspector-dock .dock-copy{display:none}.inspector-dock .preset-art{background:0 0;place-items:center;width:18px;height:18px;margin:0;display:grid}.inspector-dock .art-label{display:none}.inspector-dock .project-art-icon{width:18px;height:18px;color:var(--muted);position:static}.details span,.inspector-title{font-family:var(--font);letter-spacing:0;text-transform:none;font-size:12px}.details strong{letter-spacing:0;font-size:13px}.step.now{outline:2px solid var(--action)}.fx-badge{display:none}.master-btn.on,.tuned-808-btn.on{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.master-led,.master-btn.on .master-led{background:var(--action)}.studio-topbar-left .studio-tool-group+.studio-tool-group,.studio-topbar-left .studio-snap-tools{box-shadow:inset 1px 0 0 var(--line);margin-left:4px;padding-left:12px}@media (width<=900px){.desk-starters{grid-template-columns:1fr 1fr}.desk-head{flex-direction:column}}:root{--fl-bg-rack:var(--panel);--fl-bg-strip:var(--surface-2);--fl-bg-strip-alt:var(--panel);--fl-bg-panel:var(--panel2);--fl-bg-dark:var(--bg);--fl-border:var(--line);--fl-border-light:var(--line-strong);--fl-led-green:var(--success);--fl-led-green-glow:transparent;--fl-accent-orange:var(--action);--fl-accent-cyan:var(--action);--fl-text-main:var(--text);--fl-text-muted:var(--muted);--fl-pad-light:var(--surface-3);--fl-pad-dark:var(--panel)}.fl-channel-rack{background:var(--fl-bg-rack);border:1px solid var(--fl-border);-webkit-user-select:none;user-select:none;border-radius:6px;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;overflow:hidden;box-shadow:0 8px 24px #0006}.fl-rack-toolbar{border-bottom:1px solid var(--fl-border);background:#181b20;justify-content:space-between;align-items:center;gap:12px;padding:6px 12px;display:flex}.fl-rack-toolbar-left,.fl-rack-toolbar-right{align-items:center;gap:12px;display:flex}.fl-rack-label{letter-spacing:.08em;color:#717d91;text-transform:uppercase;font-size:9px;font-weight:700}.fl-pattern-selector-group{align-items:center;gap:6px;display:flex}.fl-rack-select{color:var(--fl-text-main);border:1px solid var(--fl-border);background:#252b35;border-radius:4px;outline:none;padding:3px 8px;font-size:11px;font-weight:600}.fl-rack-icon-btn{color:var(--fl-text-main);border:1px solid var(--fl-border-light);cursor:pointer;background:#2e3542;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;font-weight:700;display:inline-flex}.fl-rack-icon-btn:hover{background:#3c4657}.fl-length-group{align-items:center;gap:6px;display:flex}.fl-chip-group{gap:4px;display:flex}.fl-rack-chip{color:var(--fl-text-muted);border:1px solid var(--fl-border);cursor:pointer;background:#222730;border-radius:3px;padding:2px 8px;font-size:10px;font-weight:600}.fl-rack-chip.is-active{color:#fff;background:#3b82f6;border-color:#60a5fa}.fl-swing-container{align-items:center;gap:6px;display:flex}.fl-mini-knob-well{background:#14171c;border:1px solid #2a313d;border-radius:4px;align-items:center;gap:4px;padding:2px 6px;display:flex}.fl-swing-val{color:var(--fl-accent-cyan);min-width:28px;font-family:monospace;font-size:10px}.fl-rack-tool-btn{color:var(--fl-text-main);border:1px solid var(--fl-border);cursor:pointer;background:#222730;border-radius:4px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-flex}.fl-rack-tool-btn:hover{background:#2d3440}.fl-rack-tool-btn.is-active{border-color:var(--text);color:var(--text);background:#1e3a5f}.fl-rack-channels-container{flex-direction:column;gap:4px;padding:6px 10px;display:flex;overflow-x:auto}.fl-channel-row{background:#191c22;border:1px solid #282f3a;border-radius:4px;align-items:center;gap:8px;padding:3px 6px;display:flex}.fl-channel-row.is-muted{opacity:.45}.fl-channel-row.is-selected{border-color:var(--text);background:#1d232c}.fl-channel-head{flex:0 0 250px;align-items:center;gap:6px;display:flex}.fl-rack-pot{cursor:pointer;background:#121418;border:1px solid #333c4a;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:relative}.fl-rack-pot.vol{border-color:var(--text)44}.fl-knob-range{opacity:0;cursor:pointer;position:absolute;inset:0}.fl-pot-tick{background:var(--muted);border-radius:1px;width:2px;height:7px}.fl-mixer-spinner{background:#121418;border:1px solid #2e3540;border-radius:3px;align-items:center;height:22px;display:flex;overflow:hidden}.fl-spin-down,.fl-spin-up{color:var(--muted);cursor:pointer;background:#222731;border:0;justify-content:center;align-items:center;width:14px;height:100%;font-size:10px;font-weight:700;display:flex}.fl-spin-down:hover,.fl-spin-up:hover{color:#fff;background:#2d3542}.fl-spinner-num{color:var(--fl-accent-orange);text-align:center;min-width:18px;padding:0 5px;font-family:monospace;font-size:10px;font-weight:700}.fl-led-wrapper{align-items:center;display:flex}.fl-led-lamp{cursor:pointer;background:#252e25;border:1px solid #384d38;border-radius:50%;width:10px;height:10px;padding:0;box-shadow:inset 0 1px 2px #000}.fl-led-lamp.is-on{background:var(--fl-led-green);box-shadow:0 0 8px var(--fl-led-green-glow), inset 0 1px 1px #fff;border-color:#a7f3d0}.fl-select-bar{cursor:pointer;background:#252b35;border-radius:2px;width:4px;height:24px}.fl-select-bar.is-active{background:var(--fl-led-green);box-shadow:0 0 6px var(--fl-led-green-glow)}.fl-btn-wrapper{flex:1;align-items:center;gap:2px;display:flex}.fl-channel-btn{height:26px;color:var(--fl-text-main);letter-spacing:.05em;text-align:left;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:linear-gradient(#333a46 0%,#222730 100%);border:1px solid #434c5b;border-radius:3px;flex:1;padding:0 8px;font-size:11px;font-weight:700;overflow:hidden;box-shadow:inset 0 1px 1px #ffffff26,0 2px 4px #0000004d}.fl-channel-btn:active{background:#1d222a;box-shadow:inset 0 2px 4px #00000080}.fl-channel-menu-trigger{width:20px;height:26px;color:var(--muted);cursor:pointer;background:#262c36;border:1px solid #3c4452;border-radius:3px;font-size:11px;font-weight:700}.fl-channel-menu-trigger:hover{color:#fff;background:#323a48}.fl-step-grid{flex:1;gap:3px;min-width:320px;display:grid}.fl-step-pad{cursor:pointer;border:1px solid;border-radius:3px;flex-direction:column;justify-content:flex-end;height:26px;padding:0;display:flex;position:relative;overflow:hidden}.fl-step-pad.block-light{background:linear-gradient(#444c58 0%,#353c46 100%);border-color:#555f6f #2a3038 #2a3038 #555f6f;box-shadow:inset 0 1px 1px #ffffff1a}.fl-step-pad.block-dark{background:linear-gradient(#2b313a 0%,#20242b 100%);border-color:#3a424e #171a1f #171a1f #3a424e;box-shadow:inset 0 1px 1px #ffffff0d}.fl-step-pad.is-active{background:linear-gradient(#4ade80 0%,#22c55e 100%)!important;border-color:#86efac #15803d #15803d #86efac!important;box-shadow:0 0 10px #4ade8080,inset 0 1px 1px #fff!important}.fl-step-pad.is-now{outline-offset:-1px;outline:2px solid #fff}.fl-pad-vel{background:#00000059;border-top:1px solid #ffffff4d;width:100%}.fl-pad-roll{color:#000;background:#ffeb3b;border-radius:2px;padding:0 2px;font-size:8px;font-weight:800;position:absolute;top:1px;right:2px}.fl-graph-editor-drawer{border-top:1px solid var(--fl-border);background:#14171c;flex-direction:column;gap:8px;padding:8px 12px;display:flex}.fl-graph-head{justify-content:space-between;align-items:center;display:flex}.fl-graph-channel-tag{color:var(--muted);font-size:11px}.fl-graph-channel-tag strong{color:var(--fl-accent-cyan)}.fl-graph-tabs{gap:4px;display:flex}.fl-graph-tab{color:var(--muted);cursor:pointer;background:#20252e;border:1px solid #2d3441;border-radius:3px;padding:3px 8px;font-size:10px;font-weight:600}.fl-graph-tab.is-active{color:#fff;background:#2563eb;border-color:#3b82f6}.fl-graph-hint{color:var(--muted);font-size:9px}.fl-graph-bars-area{gap:3px;height:80px;padding-left:258px;display:grid}.fl-graph-col{flex-direction:column;align-items:center;height:100%;display:flex}.fl-graph-col.is-empty{opacity:.35}.fl-graph-bar-well{background:#1c2128;border:1px solid #28303a;border-radius:2px;flex-direction:column;flex:1;justify-content:flex-end;width:100%;display:flex;position:relative;overflow:hidden}.fl-graph-bar-fill{background:linear-gradient(180deg, var(--text) 0%, #1e40af 100%);border-top:2px solid #7dd3fc;width:100%}.fl-graph-bar-range{opacity:0;cursor:ns-resize;position:absolute;inset:0}.fl-graph-bar-label{color:var(--muted);margin-top:2px;font-family:monospace;font-size:8px}.fl-rack-bottom-bar{border-top:1px solid var(--fl-border);background:#16181e;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.fl-add-channel-btn{color:var(--fl-accent-cyan);cursor:pointer;background:#222730;border:1px dashed #3a4556;border-radius:4px;padding:4px 12px;font-size:11px;font-weight:700}.fl-add-channel-btn:hover{background:#2d3542;border-color:#60a5fa}.fl-rack-status-tip{color:var(--muted);font-size:10px}.fl-mixer-console{border:1px solid var(--fl-border);background:#121418;border-radius:6px;grid-template-columns:minmax(0,1fr) 310px;gap:12px;height:100%;min-height:480px;display:grid;overflow:hidden}.fl-mixer-strips-viewport{border-right:1px solid var(--fl-border);scrollbar-width:thin;background:#16191f;display:flex;overflow-x:auto}.fl-mixer-inserts-rack{display:flex;overflow-x:visible}.fl-mixer-strip{background:var(--fl-bg-strip);-webkit-user-select:none;user-select:none;cursor:pointer;border-right:1px solid #232832;flex-direction:column;flex:0 0 90px;align-items:center;gap:6px;width:90px;padding:6px 4px;display:flex}.fl-mixer-strip:nth-child(2n){background:var(--fl-bg-strip-alt)}.fl-mixer-strip.is-selected{outline:2px solid var(--text);outline-offset:-2px;background:#1f2530}.fl-mixer-strip.is-dimmed{opacity:.4}.fl-master-strip{border-right:2px solid #f59e0b44;background:#201e19!important}.fl-master-strip.is-selected{outline:2px solid #f59e0b}.fl-master-strip .fl-track-number{color:#f59e0b}.fl-strip-top{border-top:3px solid var(--text);flex-direction:column;align-items:center;width:100%;padding-top:4px;display:flex}.fl-track-number{color:var(--muted);font-family:monospace;font-size:10px;font-weight:800}.fl-track-name{color:var(--fl-text-main);text-overflow:ellipsis;white-space:nowrap;max-width:82px;font-size:11px;font-weight:700;overflow:hidden}.fl-meter-container{background:#0d0f12;border:1px solid #262c36;border-radius:2px;gap:3px;width:28px;height:120px;padding:2px;display:flex}.fl-meter-scale{color:#475569;flex-direction:column;justify-content:space-between;font-family:monospace;font-size:7px;display:flex}.fl-meter-bar-dual{background:#14171d;flex:1;gap:2px;display:flex;position:relative}.fl-meter-ch{flex-direction:column;flex:1;justify-content:flex-end;height:100%;display:flex}.fl-meter-ch i{background:linear-gradient(#ef4444 0%,#eab308 30%,#22c55e 100%);width:100%;height:0;transition:height 50ms linear;display:block}.fl-clip-led{background:#331515;height:4px;position:absolute;top:0;left:0;right:0}.fl-clip-led.is-clipping{background:red;box-shadow:0 0 6px red}.fl-knobs-section{gap:4px;display:flex}.fl-strip-knob{flex-direction:column;align-items:center;gap:2px;display:flex}.fl-knob-lbl{color:var(--muted);font-size:8px;font-weight:700}.fl-mini-range{width:32px;accent-color:var(--text);cursor:pointer;height:14px;margin:0}.fl-strip-meta-row{justify-content:space-between;align-items:center;width:100%;padding:0 4px;display:flex}.fl-phase-btn{color:var(--muted);cursor:pointer;background:#252b35;border:1px solid #364050;border-radius:2px;padding:1px 4px;font-size:9px;font-weight:700}.fl-phase-btn.is-active{color:#fff;background:#ea580c;border-color:#f97316}.fl-strip-fx-badge{color:var(--fl-accent-cyan);font-family:monospace;font-size:9px}.fl-fader-bed{align-items:center;gap:2px;height:140px;display:flex;position:relative}.fl-fader-ticks{color:#475569;flex-direction:column;justify-content:space-between;height:100%;font-family:monospace;font-size:7px;display:flex}.fl-fader-track{background:#0f1115;border:1px solid #282f3a;border-radius:3px;justify-content:center;align-items:center;width:20px;height:100%;display:flex;position:relative}.fl-fader-thumb{width:120px;accent-color:var(--muted);cursor:ns-resize;transform:rotate(-90deg)}.fl-fader-readout{color:#cbd5e1;font-family:monospace;font-size:9px;position:absolute;bottom:-16px}.fl-strip-switches{align-items:center;gap:6px;margin-top:14px;display:flex}.fl-led-mute{cursor:pointer;background:#252e25;border:1px solid #384d38;border-radius:50%;width:12px;height:12px}.fl-led-mute.is-lit{background:var(--fl-led-green);box-shadow:0 0 6px var(--fl-led-green-glow);border-color:#a7f3d0}.fl-solo-btn{color:var(--muted);cursor:pointer;background:#252b35;border:1px solid #364050;border-radius:2px;padding:1px 5px;font-size:9px;font-weight:700}.fl-solo-btn.is-active{color:#000;background:#eab308;border-color:#fde047}.fl-strip-routing{color:var(--fl-led-green);margin-top:4px;font-size:10px}.fl-mixer-inspector{background:#181b22;flex-direction:column;gap:12px;padding:10px 12px;display:flex;overflow-y:auto}.fl-inspector-head{border-bottom:1px solid var(--fl-border);flex-direction:column;padding-bottom:8px;display:flex}.fl-insp-title{align-items:center;gap:8px;display:flex}.fl-insp-badge{color:#fff;background:#2563eb;border-radius:3px;padding:1px 5px;font-size:9px;font-weight:800}.fl-insp-title strong{color:var(--fl-text-main);font-size:13px}.fl-insp-sub{color:var(--muted);letter-spacing:.05em;margin-top:2px;font-size:9px;font-weight:700}.fl-fx-slots-rack{flex-direction:column;gap:3px;display:flex}.fl-fx-slot-row{background:#1f242d;border:1px solid #2e3542;border-radius:3px;align-items:center;gap:6px;height:28px;padding:2px 6px;display:flex}.fl-fx-slot-row.has-plugin{background:#252b36;border-color:#3b4657}.fl-fx-slot-row.is-bypassed{opacity:.5}.fl-slot-num{color:var(--muted);min-width:14px;font-size:9px;font-weight:700}.fl-slot-led{cursor:pointer;background:#262c26;border:1px solid #374737;border-radius:50%;width:8px;height:8px;padding:0}.fl-slot-led.is-lit{background:var(--fl-led-green);box-shadow:0 0 5px var(--fl-led-green-glow)}.fl-slot-select-wrapper{flex:1}.fl-slot-select{width:100%;color:var(--fl-text-main);cursor:pointer;background:0 0;border:0;outline:none;font-size:11px;font-weight:600}.fl-slot-edit-btn,.fl-slot-del-btn{color:var(--fl-text-muted);cursor:pointer;background:#2d3542;border:1px solid #3e4859;border-radius:2px;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.fl-slot-edit-btn:hover{background:var(--text);color:#000}.fl-slot-del-btn:hover{color:#fff;background:#ef4444}.fl-inspector-eq-card{border:1px solid var(--fl-border);background:#14171d;border-radius:4px;padding:8px}.fl-eq-card-header{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.fl-eq-title{color:var(--muted);letter-spacing:.05em;font-size:9px;font-weight:800}.fl-eq-reset-btn{color:var(--text);cursor:pointer;background:0 0;border:0;font-size:9px}.fl-mini-eq-svg{background:#0f1115;border-radius:3px;width:100%;height:50px}.fl-mini-eq-knobs{justify-content:space-between;margin-top:6px;display:flex}.fl-mini-eq-knobs label{color:var(--muted);flex-direction:column;align-items:center;gap:2px;font-size:8px;font-weight:700;display:flex}.fl-plugin-backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;background:#000000a6;justify-content:center;align-items:center;animation:.12s flFadeIn;display:flex;position:fixed;inset:0}@keyframes flFadeIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.fl-plugin-window{-webkit-user-select:none;user-select:none;background:#20242c;border:1px solid #3c4656;border-radius:6px;min-width:440px;max-width:620px;overflow:hidden;box-shadow:0 20px 48px #000000b3,0 0 0 1px #ffffff14}.fl-plugin-titlebar{background:linear-gradient(#2d3440 0%,#1e232b 100%);border-bottom:1px solid #3a4454;justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.fl-plugin-badge{align-items:center;gap:8px;display:flex}.fl-logo-gem{color:#fff;background:linear-gradient(135deg,#f97316 0%,#ea580c 100%);border-radius:3px;padding:2px 4px;font-size:9px;font-weight:900;box-shadow:0 1px 3px #0006}.fl-plugin-title{color:var(--fl-text-main);font-size:13px;font-weight:700}.fl-plugin-meta{align-items:center;gap:10px;display:flex}.fl-plugin-routing{color:var(--muted);font-family:monospace;font-size:10px}.fl-led-btn{cursor:pointer;background:0 0;border:0;padding:0}.fl-wet-knob{align-items:center;gap:4px;display:flex}.fl-knob-caption{color:var(--muted);font-size:8px;font-weight:700}.fl-wet-val{color:var(--text);min-width:26px;font-family:monospace;font-size:9px}.fl-plugin-close{color:#cbd5e1;cursor:pointer;background:#364050;border:0;border-radius:3px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;display:flex}.fl-plugin-close:hover{color:#fff;background:#ef4444}.fl-plugin-body{background:#191c22;padding:16px}.fl-soundgoodizer-chassis{background:radial-gradient(circle at 50% 30%,#2a303c 0%,#15181e 100%);border:2px solid #3b4455;border-radius:6px;flex-direction:column;align-items:center;gap:16px;padding:20px;display:flex;box-shadow:inset 0 2px 4px #ffffff1a,inset 0 -2px 6px #0009}.fl-sg-logo{letter-spacing:.12em;color:#f1f5f9;text-shadow:0 2px 8px #0009;font-size:20px;font-weight:900}.fl-sg-sub{letter-spacing:.14em;color:var(--fl-accent-orange);text-align:center;margin-top:2px;font-size:9px}.fl-sg-dial-area{flex-direction:column;align-items:center;gap:8px;display:flex}.fl-sg-big-knob-container{background:#0f1216;border-radius:50%;justify-content:center;align-items:center;width:140px;height:140px;display:flex;position:relative;box-shadow:0 8px 24px #0009,inset 0 2px 4px #000c}.fl-sg-led-ring{border:4px solid #ff980033;border-top-color:#ff9800;border-radius:50%;position:absolute;inset:6px;box-shadow:0 0 12px #ff980066}.fl-sg-dial{background:linear-gradient(145deg,#444d5c 0%,#1e2229 100%);border:2px solid #566275;border-radius:50%;justify-content:center;align-items:flex-start;width:104px;height:104px;transition:transform 50ms linear;display:flex;position:relative;box-shadow:0 6px 14px #00000080,inset 0 2px 2px #ffffff4d}.fl-sg-dial-cap{width:100%;height:100%;position:relative}.fl-sg-dial-indicator{background:#ff9800;border-radius:2px;width:4px;height:14px;margin:6px auto 0;box-shadow:0 0 6px #ff9800}.fl-sg-hidden-range{opacity:0;cursor:pointer;border-radius:50%;position:absolute;inset:0}.fl-sg-readout{color:#ff9800;font-family:monospace;font-size:18px;font-weight:800}.fl-sg-modes{gap:12px;display:flex}.fl-sg-mode-btn{color:#cbd5e1;cursor:pointer;background:linear-gradient(#303744 0%,#20242d 100%);border:1px solid #444e5f;border-radius:4px;flex-direction:column;justify-content:center;align-items:center;gap:3px;width:50px;height:44px;display:flex;box-shadow:0 3px 6px #0000004d}.fl-sg-mode-btn strong{font-size:14px}.fl-sg-mode-lamp{background:#39424e;border-radius:50%;width:6px;height:6px}.fl-sg-mode-btn.is-active{color:#fff;background:linear-gradient(#3a4252 0%,#2a2e38 100%);border-color:#ff9800}.fl-sg-mode-btn.is-active .fl-sg-mode-lamp{background:#ff9800;box-shadow:0 0 8px #ff9800}.fl-sg-desc{color:var(--muted);text-align:center;min-height:24px;font-size:11px}.fl-peq2-chassis{flex-direction:column;gap:12px;display:flex}.fl-peq2-screen{background:#0f1217;border:1px solid #2e3746;border-radius:4px;padding:8px;position:relative}.fl-peq2-curve{width:100%;height:120px}.fl-peq2-labels{color:var(--muted);justify-content:space-between;margin-top:4px;font-family:monospace;font-size:8px;display:flex}.fl-peq2-sliders{background:#14181f;border:1px solid #28303d;border-radius:4px;justify-content:space-around;padding:12px;display:flex}.fl-peq-band{flex-direction:column;align-items:center;gap:6px;display:flex}.fl-band-title{color:var(--muted);font-size:10px;font-weight:800}.fl-vert-slider{cursor:ns-resize;width:90px;margin:32px 0;transform:rotate(-90deg)}.fl-peq-band output{color:var(--fl-accent-cyan);font-family:monospace;font-size:11px;font-weight:700}.fl-peq-band small{color:var(--muted);font-size:9px}.fl-peq-presets{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.fl-chip-btn{color:#cbd5e1;cursor:pointer;background:#252b36;border:1px solid #394354;border-radius:3px;padding:2px 8px;font-size:10px}.fl-chip-btn:hover{background:#353e4f}.fl-chip-btn.is-active{color:#fff;border-color:var(--text);background:#0284c7}.fl-reverb-faders,.fl-delay-controls,.fl-limiter-controls,.fl-dist-knobs{background:#14181f;border:1px solid #28303d;border-radius:4px;justify-content:space-around;padding:12px;display:flex}.fl-fader-col,.fl-param-knob{flex-direction:column;align-items:center;gap:6px;display:flex}.fl-fader-col label,.fl-param-knob label{color:var(--muted);font-size:10px;font-weight:700}.fl-fader-col output,.fl-param-knob output{color:var(--text);font-family:monospace;font-size:11px;font-weight:700}.fl-reverb-room-preview{background:#0f1217;border:1px solid #28303d;border-radius:4px;justify-content:center;align-items:center;height:60px;display:flex}.fl-reverb-box{border:2px solid var(--text);background:#38bdf826;justify-content:center;align-items:center;width:100px;height:40px;transition:transform .1s;display:flex}.fl-room-label{color:#fff;font-size:9px;font-weight:700}.fl-plugin-grossbeat{background:#14171a;border:1px solid #283038;border-radius:6px;flex-direction:column;gap:12px;padding:12px;display:flex}.fl-gb-header{border-bottom:1px solid #283038;justify-content:space-between;align-items:center;padding-bottom:8px;display:flex}.fl-gb-badge{flex-direction:column;display:flex}.fl-gb-logo{letter-spacing:.1em;color:#ff851b;font-size:14px;font-weight:900}.fl-gb-sub{color:#8c9ba8;font-size:9px}.fl-gb-mix-controls{align-items:center;gap:12px;display:flex}.fl-gb-knob{flex-direction:column;align-items:center;gap:2px;display:flex}.fl-gb-knob label{color:#718096;font-size:8px;font-weight:800}.fl-gb-knob output{color:#ff851b;font-family:monospace;font-size:10px}.fl-gb-matrix-surface{gap:12px;display:flex}.fl-gb-grid-view{background:#090c0e;border:1px solid #222930;border-radius:4px;flex:1.2;height:160px;position:relative;overflow:hidden}.fl-gb-curve-svg{width:100%;height:100%}.fl-gb-slots-container{flex:1;gap:8px;display:flex}.fl-gb-slots-column{flex-direction:column;flex:1;gap:4px;display:flex}.fl-gb-col-title{color:#adb5bd;letter-spacing:.05em;text-align:center;font-size:9px;font-weight:800}.fl-gb-slots-grid{flex-direction:column;gap:3px;max-height:140px;display:flex;overflow-y:auto}.fl-gb-slot-btn{color:#94a3b8;text-align:left;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;background:#1e242a;border:1px solid #2c353e;border-radius:3px;padding:4px 6px;font-size:9px;font-weight:700;transition:all .1s;overflow:hidden}.fl-gb-slot-btn:hover{color:#fff;background:#283038}.fl-gb-slot-btn.active{color:#111417;background:#ff851b;border-color:#ffa149;font-weight:800}.fl-plugin-maximus{background:#14171a;border:1px solid #283038;border-radius:6px;flex-direction:column;gap:12px;padding:12px;display:flex}.fl-max-header{border-bottom:1px solid #283038;align-items:baseline;gap:8px;padding-bottom:6px;display:flex}.fl-max-title{letter-spacing:.12em;color:#ff851b;font-size:15px;font-weight:900}.fl-max-sub{color:#718096;font-size:9px}.fl-max-bands-display{background:#090c0e;border:1px solid #20262c;border-radius:4px;gap:8px;height:90px;padding:8px;display:flex}.fl-max-band{background:#12161a;border:1px solid #1f252b;border-radius:3px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding:4px;display:flex;position:relative}.fl-band-tag{font-size:8px;font-weight:800;position:absolute;top:4px}.fl-max-band.low .fl-band-tag{color:#ef4444}.fl-max-band.mid .fl-band-tag{color:#eab308}.fl-max-band.high .fl-band-tag{color:#38bdf8}.fl-max-band.master .fl-band-tag{color:#ff851b}.fl-band-meter{border-radius:2px;width:100%;transition:height 80ms}.fl-max-band.low .fl-band-meter{background:linear-gradient(#ef4444,#7f1d1d)}.fl-max-band.mid .fl-band-meter{background:linear-gradient(#eab308,#78350f)}.fl-max-band.high .fl-band-meter{background:linear-gradient(#38bdf8,#0369a1)}.fl-max-band.master .fl-band-meter{background:linear-gradient(#ff851b,#9a3412)}.fl-band-val{color:#cbd5e1;margin-top:4px;font-family:monospace;font-size:8px}.fl-max-controls{background:#1a1e22;border-radius:4px;justify-content:space-between;align-items:center;padding:8px;display:flex}.fl-max-knob{flex-direction:column;align-items:center;gap:2px;display:flex}.fl-max-knob label{color:#718096;font-size:8px;font-weight:800}.fl-max-knob output{color:#ff851b;font-family:monospace;font-size:9px}.fl-pr-slide-btn{color:#94a3b8;cursor:pointer;background:#20252b;border:1px solid #333c46;border-radius:3px;align-items:center;gap:4px;padding:3px 7px;font-size:10px;font-weight:800;transition:all .12s;display:inline-flex}.fl-pr-slide-btn.active{color:#111417;background:#ff851b;border-color:#ffa149;box-shadow:0 0 6px #ff851b66}.fl-slide-icon{font-size:11px}.piano-wrap .grid .note.is-slide:after,.piano-roll-note.is-slide:after{content:"◢";color:#fff;text-shadow:0 1px 2px #000c;font-size:9px;position:absolute;top:2px;left:3px}.fl-ghost-notes-layer{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.fl-ghost-note{background:#ffffff1f;border:1px dashed #ffffff47;border-radius:2px;align-items:center;height:16px;padding-left:3px;display:flex;position:absolute}.fl-ghost-label{color:#ffffff73;font-size:8px;font-weight:700}.fl-channel-settings-drawer{background:#14171a;border-top:1px solid #283038;flex-direction:column;gap:8px;padding:8px 12px;display:flex}.fl-cs-head{color:#ff851b;letter-spacing:.06em;justify-content:space-between;align-items:center;font-size:9px;display:flex}.fl-cs-close{color:#718096;cursor:pointer;background:0 0;border:none;font-size:10px}.fl-cs-close:hover{color:#fff}.fl-cs-grid{align-items:center;gap:16px;display:flex}.fl-cs-toggle{color:#cbd5e1;cursor:pointer;align-items:center;gap:4px;font-size:10px;font-weight:800;display:inline-flex}.fl-cs-knob{flex-direction:column;align-items:center;gap:2px;display:flex}.fl-cs-knob label{color:#8c9ba8;font-size:8px;font-weight:800}.fl-cs-cut-group{color:#8c9ba8;align-items:center;gap:8px;font-size:9px;font-weight:800;display:flex}.fl-cs-num{color:#ff851b;background:#0f1214;border:1px solid #283038;border-radius:3px;width:38px;padding:2px 4px;font-size:10px;font-weight:700}.fl-ch-settings-toggle{color:#a3a3a3;height:24px;font:600 12px/1 var(--font);cursor:pointer;opacity:1;background:#2c2c2c;border:0;border-radius:8px;padding:0 8px}.fl-ch-settings-toggle:hover,.fl-ch-settings-toggle.open{color:#f5f5f5;background:#3a3a3a}.fl-rack-action-btn{box-sizing:border-box;color:#f4f4f4;height:32px;min-height:32px;font:600 14px/1 var(--font);cursor:pointer;background:#2c2c2c;border:0;border-radius:8px;padding:0 12px}.fl-rack-action-btn:hover{color:#f5f5f5;background:#3a3a3a}.fl-plugin-modal-layer{z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000ad;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.fl-plugin-modal-layer[hidden]{display:none!important}.fl-picker-panel{-webkit-user-select:none;user-select:none;background:#141414;border:0;flex-direction:column;width:240px;min-width:240px;height:100%;display:flex}.fl-picker-header{background:#141414;border-bottom:0;justify-content:space-between;align-items:center;padding:8px;display:flex}.fl-picker-tabs{white-space:nowrap;gap:4px;display:flex}.fl-picker-tab{color:#a3a3a3;height:32px;font:600 14px/1 var(--font);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:8px;padding:0 12px}.fl-picker-tab.active{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.fl-picker-add-btn{color:#1a1a1a;height:32px;font:600 14px/1 var(--font);cursor:pointer;white-space:nowrap;background:#f5f5f5;border:0;border-radius:8px;padding:0 12px}.fl-picker-search{background:#141414;border-bottom:0;padding:4px 6px}.fl-picker-input{color:#f4f4f4;width:100%;height:36px;font:14px/1 var(--font);background:#0c0c0c;border:0;border-radius:8px;padding:0 10px}.fl-picker-list{flex-direction:column;flex:1;gap:2px;padding:4px;display:flex;overflow-y:auto}.fl-picker-item{cursor:pointer;height:32px;font:600 14px/1 var(--font);color:#f4f4f4;background:#2c2c2c;border:0;border-radius:8px;align-items:center;gap:6px;padding:0 12px;display:flex}.fl-picker-item:hover{background:#3a3a3a}.fl-picker-item.selected{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.fl-picker-color-tag{border-radius:2px;flex-shrink:0;width:6px;height:12px}.fl-picker-item-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.fl-picker-bars{font:600 12px/1 var(--font);color:#a3a3a3}.fl-picker-empty{text-align:center;color:#64748b;padding:12px;font-size:10px}.fl-picker-footer{background:#141414;border-top:0;gap:4px;padding:8px;display:flex}.fl-picker-action-btn{color:#f4f4f4;height:32px;font:600 14px/1 var(--font);cursor:pointer;background:#2c2c2c;border:0;border-radius:8px;flex:1;padding:0 12px}.fl-picker-action-btn:hover{color:#f5f5f5;background:#3a3a3a}.fl-auto-clip-view{-webkit-user-select:none;user-select:none;background:#121518;border:1px solid #ff851b;border-radius:4px;flex-direction:column;margin:3px 0;display:flex;overflow:hidden}.fl-auto-clip-header{background:#1a1e23;border-bottom:1px solid #2a333d;align-items:center;gap:6px;padding:3px 8px;display:flex}.fl-auto-badge{color:#111;background:#ff851b;border-radius:2px;padding:1px 4px;font-size:9px;font-weight:900}.fl-auto-title{color:#e2e8f0;flex:1;font-size:10px;font-weight:700}.fl-auto-bars{color:#8892b0;font-family:ui-monospace,monospace;font-size:9px}.fl-auto-svg-wrap{width:100%;height:64px;position:relative}.fl-auto-svg{width:100%;height:100%;display:block}.fl-auto-node{fill:#fff;stroke:#ff851b;stroke-width:2px;cursor:grab;transition:r .1s}.fl-auto-node:hover{r:6.5}.fl-tension-handle{fill:#ff851b;stroke:#111;stroke-width:1.5px;cursor:ns-resize;opacity:.85}.fl-tension-handle:hover{opacity:1;r:4.5}.fl-typing-strip{cursor:pointer;-webkit-user-select:none;user-select:none;background:#161a1e;border:1px solid #2d353d;border-radius:3px;align-items:center;gap:6px;padding:2px 8px;display:flex}.fl-typing-strip.active{background:#22c55e1f;border-color:#22c55e}.fl-typing-badge{color:#94a3b8;background:#2d353d;border-radius:2px;padding:2px 4px;font-size:9px;font-weight:800}.fl-typing-strip.active .fl-typing-badge{color:#0b140e;background:#22c55e}.fl-typing-octave{color:#cbd5e1;font-family:ui-monospace,monospace;font-size:10px;font-weight:700}.fl-typing-keys-hint{color:#64748b;gap:6px;font-size:9px;display:flex}.fl-3xosc-window{-webkit-user-select:none;user-select:none;background:#20242a;border:1px solid #3c4656;border-radius:6px;min-width:520px;overflow:hidden;box-shadow:0 20px 48px #000000bf}.fl-3x-body{flex-direction:column;gap:10px;padding:12px;display:flex}.fl-3x-oscillators{flex-direction:column;gap:6px;display:flex}.fl-3x-osc-row{background:#181b20;border:1px solid #282f38;border-radius:4px;align-items:center;gap:8px;padding:6px 10px;display:flex}.fl-3x-osc-title{width:50px}.fl-osc-badge{color:#111;background:#ff851b;border-radius:2px;padding:2px 5px;font-size:9px;font-weight:900}.fl-3x-shapes{background:#111316;border-radius:3px;gap:2px;padding:2px;display:flex}.fl-shape-btn{color:#718096;cursor:pointer;background:0 0;border:none;border-radius:2px;padding:4px 6px;font-size:9px;font-weight:800}.fl-shape-btn.active{color:#111;background:#ff851b}.fl-3x-param{flex-direction:column;align-items:center;gap:2px;width:60px;display:flex}.fl-3x-param label{color:#8c9ba8;font-size:8px;font-weight:700}.fl-3x-val{color:#cbd5e1;font-family:ui-monospace,monospace;font-size:9px}.fl-3x-filter-strip{background:#181b20;border:1px solid #282f38;border-radius:4px;align-items:center;gap:16px;padding:8px 10px;display:flex}.fl-3x-filter-controls{flex:1;align-items:center;gap:16px;display:flex}.fl-adsr-panel{background:#14171a;border:1px solid #283038;border-radius:4px;flex-direction:column;gap:8px;padding:8px;display:flex}.fl-adsr-graph{background:#0d0f12;border:1px solid #1e242a;border-radius:3px;height:64px;overflow:hidden}.fl-adsr-graph svg{width:100%;height:100%;display:block}.fl-adsr-knobs-row{justify-content:space-around;align-items:center;display:flex}.fl-adsr-knob{flex-direction:column;align-items:center;gap:2px;display:flex}.fl-adsr-knob label{color:#8c9ba8;font-size:8px;font-weight:800}.fl-adsr-knob span{color:#cbd5e1;font-family:ui-monospace,monospace;font-size:9px}.fl-edison-window{-webkit-user-select:none;user-select:none;background:#1e2329;border:1px solid #3c4656;border-radius:6px;min-width:580px;overflow:hidden;box-shadow:0 20px 48px #000000bf}.fl-edison-toolbar{background:#161a20;border-bottom:1px solid #283038;align-items:center;gap:6px;padding:6px 10px;display:flex}.fl-ed-btn{color:#cbd5e1;cursor:pointer;background:#252b31;border:1px solid #3c4656;border-radius:3px;padding:3px 8px;font-size:9px;font-weight:800}.fl-ed-btn:hover{color:#fff;background:#3c4656}.fl-ed-btn.active,.fl-ed-btn.hot{color:#111;background:#ff851b;border-color:#ff851b}.fl-edison-canvas-wrap{background:#0d0f12;border-bottom:1px solid #283038;height:140px;position:relative}.fl-edison-canvas{width:100%;height:100%;display:block}.fl-ed-trim-overlay{pointer-events:none;position:absolute;inset:0}.fl-ed-marker{pointer-events:auto;cursor:ew-resize;width:2px;position:absolute;top:0;bottom:0}.fl-ed-marker.start{background:#22c55e}.fl-ed-marker.end{background:#ef4444}.fl-ed-marker-flag{border-radius:0 0 3px;padding:1px 4px;font-size:8px;font-weight:900;position:absolute;top:0}.fl-ed-marker.start .fl-ed-marker-flag{color:#0b140e;background:#22c55e;left:0}.fl-ed-marker.end .fl-ed-marker-flag{color:#fff;background:#ef4444;right:0}.fl-edison-footer{background:#14171a;gap:24px;padding:6px 12px;display:flex}.fl-ed-stat{gap:6px;font-size:10px;display:flex}.fl-ed-stat label{color:#718096;font-weight:700}.fl-ed-stat span{color:#e2e8f0;font-family:ui-monospace,monospace}.fl-playlist-arrangement-wrap{min-width:0;min-height:0;box-shadow:none;background:#141414;border:0;border-radius:12px;flex-direction:row;flex:auto;display:flex;overflow:hidden}.fl-playlist-arrangement-wrap .fl-picker-panel{flex:0 0 240px;min-width:240px;max-width:240px;height:100%}.fl-playlist-arrangement-wrap .playlist-board{border:none;border-radius:0;flex:auto;min-width:0}@media (width<=768px){.fl-playlist-arrangement-wrap .fl-picker-panel{display:none}}.fl-routing-cable-anchor{background:#101316;border-top:1px solid #20262c;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-height:38px;padding:4px 2px 2px;display:flex}.fl-cable-source{border:2px solid #ff851b;border-radius:50%;justify-content:center;align-items:center;width:14px;height:14px;display:flex}.fl-cable-source .fl-cable-dot{background:#ff851b;border-radius:50%;width:6px;height:6px}.fl-cable-toggle{cursor:pointer;color:#718096;background:#1a2026;border:1px solid #2d3844;border-radius:3px;padding:2px 4px;font-size:8px;line-height:1;transition:all .15s}.fl-cable-toggle.active{color:#101418;background:#ff851b;border-color:#ff9d3b;box-shadow:0 0 6px #ff851b66}.fl-send-level{height:12px;width:32px!important}.fl-browser-view{color:#c9d1d9;-webkit-user-select:none;user-select:none;background:#14171a;flex-direction:column;height:100%;font-family:inherit;display:flex}.fl-browser-search-wrap{background:#181d22;border-bottom:1px solid #283038;padding:6px 8px}.fl-browser-search-input{color:#d1d5db;background:#101215;border:1px solid #2d353d;border-radius:3px;width:100%;padding:4px 6px;font-size:10px}.fl-browser-tree{flex:1;padding:4px;overflow-y:auto}.fl-browser-category{margin-bottom:6px}.fl-browser-cat-header{cursor:pointer;background:#1c2228;border-left:2px solid #ff851b;border-radius:3px;align-items:center;gap:6px;padding:4px 6px;display:flex}.fl-browser-cat-badge{color:#ff851b;background:#2a333c;border-radius:2px;padding:1px 4px;font-size:8px;font-weight:900}.fl-browser-cat-title{color:#e2e8f0;font-size:11px}.fl-browser-items-list{flex-direction:column;gap:1px;padding:2px 0 2px 14px;display:flex}.fl-browser-item{cursor:pointer;color:#94a3b8;border-radius:2px;align-items:center;gap:6px;padding:3px 6px;font-size:10px;transition:all .1s;display:flex}.fl-browser-item:hover{color:#f8fafc;background:#232a32}.fl-browser-item-type{color:#8b9bb4;background:#1e252c;border-radius:2px;padding:1px 3px;font-size:7px;font-weight:800}.fl-browser-preview-bar{background:#101316;border-top:1px solid #283038;padding:6px 8px}.fl-browser-preview-meta{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.fl-browser-preview-tag{color:#ff851b;font-size:8px;font-weight:800}.fl-browser-preview-name{color:#718096;font-size:9px}.fl-browser-canvas{background:#0d1012;border:1px solid #20262c;border-radius:2px;width:100%;height:34px;display:block}.shell{background:var(--bg,#0c0c0c)!important;flex-direction:column!important;grid-template:none!important;height:100vh!important;min-height:0!important;display:flex!important;position:relative!important;overflow:hidden!important}#fl-piano-tools-host{background:var(--panel);flex:none;width:100%;display:block}.shell>.topbar{flex:0 0 59px;align-items:center;background:var(--bg)!important;border-bottom:1px solid var(--line)!important;display:flex!important}.shell>.transport{flex:0 0 56px;align-items:center;background:var(--bg)!important;border-bottom:1px solid var(--line)!important;display:flex!important}.workspace{flex-direction:row!important;flex:auto!important;width:100%!important;min-width:0!important;min-height:0!important;display:flex!important;overflow:hidden!important}.workspace>.tools{border-right:1px solid var(--line,#3a3a3a)!important;background:var(--panel)!important;z-index:10!important;flex-direction:column!important;flex:0 0 170px!important;min-width:170px!important;max-width:170px!important;padding:16px 10px!important;display:flex!important;overflow-y:auto!important}.shell.studio-view-active .workspace>.tools,.shell.studio-view-active #nav-toggle{display:none!important}.workspace>.main-stage{background:var(--bg,#0c0c0c)!important;flex-direction:column!important;flex:auto!important;min-width:0!important;min-height:0!important;display:flex!important;overflow:hidden!important}.shell.studio-view-active .workspace>.main-stage,.shell:not(.studio-view-active) .workspace>.main-stage{padding:0!important;overflow:hidden!important}.shell:not(.studio-view-active) .main-stage>:not(.workflow-roadmap){flex:auto;min-height:0;padding:20px 28px;overflow:auto}.workspace>.inspector{border-left:1px solid var(--line,#3a3a3a)!important;background:var(--panel)!important;flex-direction:column!important;flex:0 0 236px!important;min-width:236px!important;max-width:236px!important;display:flex!important;overflow-y:auto!important}.shell.studio-view-active .workspace>.inspector,.shell.inspector-closed .workspace>.inspector{display:none!important}.shell>.piano-section{border-top:1px solid var(--line,#3a3a3a)!important;background:var(--panel)!important;z-index:15!important;flex-direction:column!important;flex:0 0 260px!important;min-height:180px!important;max-height:42vh!important;display:flex!important;overflow:hidden!important}.shell>.piano-section[hidden],.shell.studio-view-active>.piano-section{display:none!important}.shell>footer{border-top:1px solid var(--line,#3a3a3a)!important;background:var(--bg)!important;color:var(--muted,#a3a3a3)!important;z-index:10!important;flex:0 0 28px!important;justify-content:space-between!important;align-items:center!important;padding:0 16px!important;font-size:11px!important;display:flex!important}.shell.studio-view-active>footer{display:none!important}.studio-center{flex-direction:column!important;flex:auto!important;height:100%!important;min-height:0!important;display:flex!important}.studio-center .fl-playlist-arrangement-wrap{flex-direction:row!important;flex:auto!important;height:100%!important;min-height:0!important;display:flex!important}.fl-playlist-arrangement-wrap .playlist-board{flex-direction:column!important;flex:auto!important;height:100%!important;min-height:0!important;display:flex!important}.fl-top-control-panel{-webkit-user-select:none;user-select:none;background:linear-gradient(#1f252d 0%,#151a20 100%);border-bottom:1px solid #2d3540;flex-direction:column;width:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;display:flex;box-shadow:0 2px 10px #00000080}.fl-header-row-top{background:#15191f;border-bottom:1px solid #232a33;justify-content:space-between;align-items:center;gap:8px;height:30px;padding:0 8px;display:flex}.fl-logo-and-menus{align-items:center;gap:6px;display:flex}.fl-brand-badge{cursor:pointer;border-radius:3px;align-items:center;gap:6px;padding:2px 6px;transition:background .12s;display:flex}.fl-brand-badge:hover{background:#252e39}.fl-brand-text{letter-spacing:.12em;color:#ff851b;font-size:11px;font-weight:900}.fl-menu-bar{align-items:center;gap:2px;display:flex}.fl-menu-item{cursor:pointer;color:#c0ccd8;letter-spacing:.04em;border-radius:3px;padding:2px 7px;font-size:10px;font-weight:700;position:relative}.fl-menu-item:hover,.fl-menu-item:focus-within{color:#fff;background:#27313d}.fl-dropdown-menu{z-index:1000;background:#181d24;border:1px solid #354250;border-radius:4px;min-width:200px;margin-top:2px;padding:4px 0;display:none;position:absolute;top:100%;left:0;box-shadow:0 8px 24px #000000b3}.fl-menu-item:hover .fl-dropdown-menu,.fl-menu-item:focus-within .fl-dropdown-menu{display:block}.fl-dropdown-btn{color:#d1d8e0;text-align:left;cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:5px 12px;font-size:11px;display:flex}.fl-dropdown-btn:hover{color:#ff851b;background:#2b3744}.fl-dropdown-shortcut{color:#728194;font-size:9px;font-family:var(--mono,monospace);margin-left:12px}.fl-project-info{align-items:center;gap:6px;display:flex}.fl-project-title{color:#e2e8f0;font-size:11px;font-weight:700;font-family:var(--mono,monospace)}.fl-save-indicator{background:#22c55e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 6px #22c55e}.fl-header-sys-status{align-items:center;gap:10px;display:flex}.fl-sys-meter{font-size:9px;font-family:var(--mono,monospace);color:#7e8f9f;align-items:center;gap:5px;display:flex}.fl-meter-bar-track{background:#0d1014;border:1px solid #242c36;border-radius:2px;width:38px;height:6px;overflow:hidden}.fl-meter-bar-fill{height:100%}.fl-meter-bar-fill.cpu{background:#ff851b}.fl-meter-bar-fill.mem{background:#38bdf8}.fl-header-row-bottom{background:#1b2128;border-bottom:1px solid #27303a;align-items:center;gap:8px;height:38px;padding:0 8px;display:flex;overflow-x:auto}.fl-pat-song-toggle{background:#101317;border:1px solid #333d49;border-radius:3px;display:flex;overflow:hidden}.fl-pat-song-toggle button{color:#738294;cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:9px;font-weight:800}.fl-pat-song-toggle button.active{color:#101317;background:#ff851b}.fl-transport-buttons{align-items:center;gap:3px;display:flex}.fl-btn-play,.fl-btn-stop,.fl-btn-record{color:#cfd8e3;cursor:pointer;background:linear-gradient(#2b3542 0%,#1e262f 100%);border:1px solid #384452;border-radius:3px;justify-content:center;align-items:center;width:28px;height:26px;padding:0;display:flex}.fl-btn-play:hover,.fl-btn-stop:hover,.fl-btn-record:hover{background:#364353}.fl-btn-play.playing{color:#0b1c11;background:#22c55e;border-color:#4ade80;box-shadow:0 0 8px #22c55e66}.fl-rec-dot{background:#ef4444;border-radius:50%;width:9px;height:9px}.fl-lcd-box{background:#0d1013;border:1px solid #28333e;border-radius:4px;align-items:center;gap:5px;height:28px;padding:2px 7px;display:flex}.fl-lcd-label{color:#5d6d7e;font-size:8px;font-weight:800;font-family:var(--mono,monospace)}.fl-lcd-num{font-family:var(--mono,monospace);color:#ff851b;letter-spacing:.05em;font-size:13px;font-weight:700}.fl-lcd-readout.lcd-green .fl-lcd-num{color:#4ade80}.fl-lcd-spinners{flex-direction:column;justify-content:center;gap:1px;display:flex}.fl-lcd-spin-up,.fl-lcd-spin-down{color:#8496a8;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:7px;line-height:1}.fl-lcd-spin-up:hover,.fl-lcd-spin-down:hover{color:#ff851b}.fl-tap-tempo-btn{height:32px;font:600 14px/1 var(--font);color:#f4f4f4;cursor:pointer;background:#2c2c2c;border:0;border-radius:8px;padding:0 12px}.fl-tap-tempo-btn:hover{color:#fff;background:#313d4d}.fl-lcd-sub{color:#6d7f92;font-size:8px;font-family:var(--mono,monospace)}.fl-tool-switches{align-items:center;gap:3px;display:flex}.fl-switch-btn{height:32px;font:600 14px/1 var(--font);color:#f4f4f4;cursor:pointer;background:#2c2c2c;border:0;border-radius:8px;padding:0 12px}.fl-switch-btn:hover{color:#cfd9e4;background:#2a3440}.fl-switch-btn.active{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.fl-oscilloscope-container{background:#090c0e;border:1px solid #252f39;border-radius:3px;align-items:center;padding:1px;display:flex}.fl-scope-glass{line-height:0}.fl-scope-canvas{width:140px;height:26px;display:block}.fl-window-shortcuts{align-items:center;gap:3px;margin-left:auto;display:flex}.fl-win-btn{color:#8c9cb0;cursor:pointer;background:#1f262f;border:1px solid #323e4c;border-radius:3px;justify-content:center;align-items:center;width:26px;height:26px;padding:0;display:flex}.fl-win-btn:hover{color:#f1f5f9;background:#2a3440}.fl-win-btn.active{color:#fff;background:#3b82f6;border-color:#60a5fa}.fl-hint-bar{height:22px;font-size:9px;font-family:var(--mono,monospace);color:#8394a4;white-space:nowrap;text-overflow:ellipsis;background:#111519;border-bottom:1px solid #20262e;align-items:center;gap:8px;padding:0 10px;display:flex;overflow:hidden}.fl-hint-icon{color:#ff851b;align-items:center;display:flex}.fl-hint-text{text-overflow:ellipsis;color:#9ab0c5;flex:1;overflow:hidden}.fl-hint-value{color:#ff851b;margin-left:8px;font-weight:700}.fl-rack-icon-btn,.fl-rack-tool-btn,.fl-channel-btn,.fl-add-channel-btn,.fl-phase-btn,.fl-solo-btn,.fl-slot-edit-btn,.fl-slot-del-btn,.fl-eq-reset-btn,.fl-led-btn,.fl-sg-mode-btn,.fl-chip-btn,.fl-gb-slot-btn,.fl-pr-slide-btn,.fl-rack-action-btn,.fl-picker-add-btn,.fl-picker-action-btn,.fl-shape-btn,.fl-ed-btn,.fl-dropdown-btn,.fl-btn-record,.fl-tap-tempo-btn,.fl-switch-btn,.fl-win-btn,.fl-pat-song-toggle button,.fl-lcd-spin-up,.fl-lcd-spin-down,.fl-menu-title,.fl-pr-btn,.fl-pr-action-btn,.fl-pr-pitch-btn,.fl-pitch-reset,.fl-step-pad,.fl-channel-menu-btn{background:var(--surface-3);color:var(--text);font:600 14px var(--font);box-shadow:none;text-shadow:none;border:0;border-radius:8px}.fl-rack-icon-btn:hover,.fl-rack-tool-btn:hover,.fl-channel-btn:hover,.fl-add-channel-btn:hover,.fl-phase-btn:hover,.fl-solo-btn:hover,.fl-slot-edit-btn:hover,.fl-eq-reset-btn:hover,.fl-led-btn:hover,.fl-sg-mode-btn:hover,.fl-chip-btn:hover,.fl-gb-slot-btn:hover,.fl-pr-slide-btn:hover,.fl-rack-action-btn:hover,.fl-picker-add-btn:hover,.fl-picker-action-btn:hover,.fl-shape-btn:hover,.fl-ed-btn:hover,.fl-dropdown-btn:hover,.fl-btn-record:hover,.fl-tap-tempo-btn:hover,.fl-switch-btn:hover,.fl-win-btn:hover,.fl-pat-song-toggle button:hover,.fl-menu-item:hover,.fl-menu-item:focus-within,.fl-pr-btn:hover,.fl-pr-action-btn:hover,.fl-pr-pitch-btn:hover,.fl-pitch-reset:hover,.fl-step-pad:hover,.fl-channel-menu-btn:hover{background:var(--surface-2);color:var(--text);border-color:#0000}.fl-rack-tool-btn.is-active,.fl-rack-tool-btn.primary,.fl-add-channel-btn,.fl-picker-add-btn,.fl-ed-btn.hot,.fl-ed-btn.active{background:var(--action);color:var(--action-ink);box-shadow:none;border-color:#0000}.fl-pat-song-toggle button.active,.fl-switch-btn.active,.fl-gb-slot-btn.active,.fl-pr-slide-btn.active,.fl-shape-btn.active,.fl-win-btn.active,.fl-sg-mode-btn.is-active,.fl-phase-btn.is-active,.fl-solo-btn.is-active{color:#f5f5f5;background:#3a3a3a;border-color:#0000;box-shadow:inset 2px 0 #f5f5f5}.fl-chip-btn.is-active,.fl-rack-chip.is-active,.fl-step-pad.is-active{color:#f5f5f5!important;background:#3a3a3a!important;border-color:#0000!important;box-shadow:inset 2px 0 #f5f5f5!important}.fl-slot-del-btn:hover{background:var(--danger);color:var(--text)}.fl-top-control-panel,.fl-header-row-top,.fl-header-row-bottom{background:var(--bg);color:var(--text);font-family:var(--font);box-shadow:none}.fl-top-control-panel{border-bottom:1px solid var(--line)}.fl-brand-text,.fl-menu-title,.fl-project-title,.fl-lcd-num,.fl-lcd-readout.lcd-green .fl-lcd-num,.fl-hint-icon,.fl-hint-value,.fl-hint-text{color:var(--text);text-shadow:none}.fl-lcd-spin-up,.fl-lcd-spin-down{color:var(--muted);background:0 0}.fl-pat-song-toggle{background:0 0;border:0;border-radius:0;gap:4px;overflow:visible}.fl-pat-song-toggle button,.fl-tap-tempo-btn,.fl-switch-btn,.fl-btn-record,.fl-pitch-reset{box-sizing:border-box;color:#f4f4f4;height:32px;min-height:32px;font:600 14px/1 var(--font);box-shadow:none;background:#2c2c2c;border:0;border-radius:8px;padding:0 12px}.fl-rack-add-channel-btn,.fl-pat-btn,.fl-song-btn,.fl-graph-tab,.fl-cable-toggle,.fl-browser-cat-header,.fl-browser-item{background:var(--surface-3);color:var(--text);font:600 14px var(--font);box-shadow:none;text-shadow:none;border:0;border-radius:8px}.fl-rack-add-channel-btn,.fl-picker-add-btn{box-sizing:border-box;background:var(--action);height:32px;min-height:32px;color:var(--action-ink);font:600 14px/1 var(--font);padding:0 12px}.fl-picker-tab.active,.fl-graph-tab.is-active,.fl-cable-toggle.active,.fl-picker-item.selected,.fl-step-pad.on,.fl-step-pad.is-active,.fl-pr-btn.active{color:#f5f5f5!important;background:#3a3a3a!important;border-color:#0000!important;box-shadow:inset 2px 0 #f5f5f5!important}.fl-browser-cat-header{background:var(--panel);box-shadow:inset 2px 0 #f5f5f5}.fl-browser-cat-badge,.fl-browser-preview-tag,.fl-insp-badge,.fl-gb-logo,.fl-max-title,.fl-osc-badge,.fl-auto-badge,.fl-cs-head,.fl-cs-num{background:var(--surface-2);color:var(--text);box-shadow:none;text-shadow:none}.fl-dropdown-menu,.fl-browser-search-wrap,.fl-playlist-arrangement-wrap,.fl-picker-header,.fl-picker-footer,.fl-rack-toolbar,.fl-rack-select,.fl-browser-cat-badge,.fl-browser-item-type{background:var(--panel);color:var(--text);border-color:var(--line)}.fl-cable-source{border-color:var(--text)}.fl-cable-source .fl-cable-dot{background:var(--text)}.fl-step-pads{flex:1;grid-template-columns:repeat(16,minmax(0,1fr));gap:3px;min-width:0;display:grid}.fl-channel-row,.fl-channel-row.is-selected{background:var(--panel);border-color:var(--line)}.studio-menu-host{align-items:center;min-width:0;margin-left:8px;display:flex}.studio-menu-host .fl-menu-bar{align-items:center;gap:2px;min-width:0;display:flex}.studio-menu-host .fl-menu-item{color:var(--muted);background:0 0;padding:0}.studio-menu-host .fl-menu-title{height:32px;color:var(--muted);font:600 12px var(--font);letter-spacing:.04em;box-shadow:none;background:0 0;border-radius:8px;align-items:center;padding:0 8px;display:inline-flex}.studio-menu-host .fl-menu-item:hover .fl-menu-title,.studio-menu-host .fl-menu-item:focus-within .fl-menu-title{background:var(--surface-2);color:var(--text)}.studio-menu-host .fl-dropdown-menu{background:var(--panel);border:1px solid var(--line);min-width:300px;box-shadow:none;border-radius:8px;padding:4px}.studio-menu-host .fl-dropdown-btn{min-height:32px;color:var(--text);font:600 13px var(--font);white-space:nowrap;background:0 0;border-radius:8px;padding:0 12px}.studio-menu-host .fl-dropdown-btn:hover{background:var(--surface-2);color:var(--text)}.studio-menu-host .fl-dropdown-shortcut{color:var(--muted);font:500 11px var(--mono)}.studio-feature-host{align-items:center;gap:8px;min-width:0;display:flex}.studio-feature-host .fl-pat-song-toggle{background:0 0;border:0;gap:4px;display:flex}.studio-feature-host .fl-pat-song-toggle button,.studio-feature-host .fl-switch-btn,.studio-feature-host .fl-pitch-reset,.studio-feature-host .fl-btn-record{background:var(--surface-3);height:32px;min-height:32px;color:var(--text);font:600 14px/1 var(--font);box-shadow:none;border:0;border-radius:8px;padding:0 12px}.studio-feature-host .fl-btn-record{width:32px;padding:0}.studio-feature-host .fl-rec-dot{background:var(--danger);border-radius:50%;width:8px;height:8px}.studio-feature-host .fl-pat-song-toggle button.active,.studio-feature-host .fl-switch-btn.active{color:#f5f5f5!important;background:#3a3a3a!important;box-shadow:inset 2px 0 #f5f5f5!important}.studio-feature-host .fl-pitch-box{height:32px;color:var(--muted);font:600 12px var(--font);align-items:center;gap:8px;margin:0;display:inline-flex}.studio-feature-host .fl-pitch-slider{width:88px;accent-color:var(--text)}.shell-hint{min-width:0;color:var(--muted);font:500 11px var(--mono);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#fl-piano-tools-host .fl-piano-toolbar{background:var(--panel);border-bottom:1px solid var(--line);min-height:44px;color:var(--text);align-items:center;gap:8px;padding:6px 12px;display:flex;overflow-x:auto}#fl-piano-tools-host .fl-pr-tool-group,#fl-piano-tools-host .fl-pr-select,#fl-piano-tools-host .fl-pr-mini-label{color:var(--muted);font:600 12px var(--font);align-items:center;gap:4px;display:flex}.fl-channel-btn.selected{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.fl-rack-footer{background:var(--panel);align-items:center;min-height:44px;padding:6px 8px;display:flex}#fl-piano-tools-host .fl-pr-select{background:var(--surface-3);height:32px;color:var(--text);border:0;border-radius:8px;padding:0 8px}#fl-top-panel-host{display:none}#fl-piano-tools-host{display:block}.workflow-roadmap{border-bottom:1px solid var(--line);background:var(--bg);flex:none;align-items:center;gap:12px;min-width:0;padding:8px 12px;display:flex}.workflow-roadmap-title{color:var(--muted);font:600 10px var(--mono);letter-spacing:.08em;text-transform:uppercase;flex:none}.workflow-roadmap-steps{grid-template-columns:repeat(5,minmax(118px,1fr));gap:6px;width:min(880px,100%);min-width:0;display:grid}.workflow-step{border-radius:var(--radius-sm);min-width:0;min-height:38px;color:var(--muted);text-align:left;background:0 0;border:1px solid #0000;align-items:center;gap:8px;padding:6px 8px;display:flex}.workflow-step:hover{background:var(--surface-2);color:var(--text)}.workflow-step.is-active{color:#f5f5f5;background:#3a3a3a;border-color:#0000;box-shadow:inset 2px 0 #f5f5f5}.workflow-step.is-complete:not(.is-active){color:var(--text)}.workflow-step-index{border:1px solid var(--line);width:22px;height:22px;font:600 10px var(--mono);border-radius:50%;flex:0 0 22px;place-items:center;display:grid}.workflow-step.is-active .workflow-step-index,.workflow-step.is-complete .workflow-step-index{border-color:var(--text);background:var(--text);color:var(--ink)}.workflow-step-index svg{width:13px;height:13px}.workflow-step-copy{min-width:0}.workflow-step-copy strong,.workflow-step-copy small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.workflow-step-copy strong{font-size:11px}.workflow-step-copy small{color:var(--muted);font-size:9px}.fl-brand-badge{color:inherit;background:0 0;border:0}.fl-modal-backdrop,.fl-peq2-window,.fl-ch-settings-window,.fl-window-titlebar{color:var(--text);font-family:var(--font)}@media (width<=900px){.shell{height:100dvh!important;min-height:0!important;overflow:hidden!important}.workspace{flex-direction:column!important;flex:auto!important;min-height:0!important;display:flex!important;overflow:hidden!important}.workspace>.tools{align-items:center;gap:4px;border-right:0!important;border-bottom:1px solid var(--line)!important;flex-direction:row!important;flex:none!important;width:100%!important;min-width:0!important;max-width:none!important;padding:6px 8px!important;display:flex!important;overflow:auto hidden!important}.shell.studio-view-active .workspace>.tools{display:none!important}.workspace>.tools .sidebar-title{display:none}.workspace>.tools .tool,.workspace>.tools .library,.workspace>.tools .nav-link,.workspace>.tools .settings{white-space:nowrap;flex:none;min-height:38px}.workspace>.tools .sidebar-bottom{gap:4px;margin:0 0 0 auto;display:flex}.workspace>.inspector{display:none!important}.workspace>.main-stage,.shell:not(.studio-view-active) .workspace>.main-stage{flex:auto!important;width:100%!important;min-height:0!important;padding:16px!important;overflow:hidden auto!important}.shell.studio-view-active .workspace>.main-stage{padding:0!important}.shell.studio-view-active .main-stage>.studio-page{flex:auto;height:auto;min-height:0}.shell>footer{display:none!important}.workflow-roadmap{padding:6px 8px}.workflow-roadmap-title{display:none}.workflow-roadmap-steps{scrollbar-width:none;width:100%;display:flex;overflow-x:auto}.workflow-roadmap-steps::-webkit-scrollbar{display:none}.workflow-step{flex:1 0 112px}}@media (width<=760px){.fl-header-row-top{height:auto;min-height:36px}.fl-menu-bar{flex-wrap:wrap;display:flex}.fl-logo-and-menus{min-width:0}.fl-project-info{min-width:0;margin-left:auto}.fl-project-title{text-overflow:ellipsis;white-space:nowrap;max-width:48vw;overflow:hidden}.fl-header-row-bottom{height:46px;min-height:46px;overflow:auto hidden}.fl-pitch-box,.fl-oscilloscope-container{display:none}.fl-window-shortcuts{margin-left:auto}.workspace>.tools .tool span:not(.ico),.workspace>.tools .library,.workspace>.tools .nav-link,.workspace>.tools .settings{font-size:11px}.workspace>.tools .tool{grid-template-columns:18px auto;padding:7px 8px}.workspace>.tools .tool small{display:none}.workflow-step{flex-basis:52px;justify-content:center}.workflow-step-copy small{display:none}.workflow-step-copy strong{font-size:10px}.desk-head{flex-direction:column}.desk-head-actions{flex-wrap:wrap;width:100%}.desk-head-actions>*{flex:auto}.settings-data-row{grid-template-columns:1fr}}@media (width<=520px){.fl-tool-switches,.fl-lcd-time{display:none}.workflow-step{flex:0 0 58px;padding-inline:5px}.workflow-step-copy,.workspace>.tools .tool span:not(.ico){display:none}.workspace>.tools .tool{grid-template-columns:18px}.workspace>.tools .sidebar-bottom{margin-left:0}.workspace>.tools .library,.workspace>.tools .nav-link,.workspace>.tools .settings{width:34px;padding:7px;font-size:0}.workspace>.tools .library svg,.workspace>.tools .nav-link svg,.workspace>.tools .settings svg{width:16px;height:16px}}.fl-strip-head{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0}.fl-mini-peq-box{appearance:none;color:#cbd5e1;cursor:pointer;background:#101419;border:1px solid #303946;border-radius:4px;place-items:center;width:100%;min-height:74px;padding:0;display:grid;position:relative;overflow:hidden}.fl-mini-peq-box:hover,.fl-mini-peq-box:focus-visible{border-color:var(--fl-accent-orange,#ff851b)}.fl-mini-peq-svg{width:100%;height:100%;position:absolute;inset:0}.fl-mini-peq-label{z-index:1;letter-spacing:.08em;font-size:9px;font-weight:800;position:relative}.fl-slot-name-btn{cursor:pointer;flex:auto;min-width:0}.fl-slot-text{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.fl-slot-order-btns{gap:2px;display:flex}.fl-slot-move-btn{color:#94a3b8;cursor:pointer;background:#252b35;border:1px solid #3e4859;border-radius:2px;width:18px;height:18px;padding:0;font-size:8px}.fl-slot-move-btn:disabled{opacity:.3;cursor:default}.fl-slot-dropdown{min-width:0;max-width:92px}.fl-slot-mix-knob{width:34px}.fl-browser-cat-header,.fl-browser-item,.fl-picker-item,.fl-slot-name-btn{appearance:none;width:100%;font:inherit;text-align:left}.fl-slot-name-btn{color:inherit;background:0 0;border:0;padding:0}.fl-timeline-markers-track{pointer-events:none;z-index:5;height:18px;position:absolute;inset:18px 0 auto}.fl-timeline-marker-flag{appearance:none;color:#fff;pointer-events:auto;cursor:pointer;background:0 0;border:0;width:2px;height:18px;padding:0;position:absolute;top:0}.fl-marker-stem{width:2px;position:absolute;inset:0 auto 0 0}.fl-marker-label{color:#0b0d10;max-width:72px;font:700 8px/14px var(--mono,monospace);text-overflow:ellipsis;white-space:nowrap;border-radius:0 3px 3px 0;padding:1px 4px;position:absolute;top:0;left:2px;overflow:hidden}.main-stage>.page-stack,.main-stage>.desk{flex-direction:column;gap:16px;display:flex}.main-stage .desk-head,.main-stage .starter-gallery-head,.main-stage .desk-card-head,.main-stage .pattern-bank-head,.main-stage .desk-head-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.main-stage .action-bar,.main-stage .take-actions{flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:8px;display:flex}.main-stage .desk-head,.main-stage .starter-gallery-head{align-items:flex-end}.main-stage>.page-stack>*,.main-stage>.desk>*{flex:none}.main-stage h1,.main-stage .stage-header h1{color:var(--text);font:600 28px/1.15 var(--font);letter-spacing:-.04em;margin:0}.main-stage h2,.main-stage .desk-card h2,.main-stage h3,.main-stage .starter-gallery-head h3.template-title{color:var(--text);font:600 18px/1.25 var(--font);letter-spacing:-.03em;margin:0}.main-stage .eyebrow,.main-stage .page-lead,.main-stage .description,.main-stage .desk-starter small,.main-stage .choice-card small,.main-stage .coach-message,.main-stage .mini-guide,.main-stage .mini-guide ol,.main-stage .mini-guide li{color:var(--muted);font:500 13px/1.45 var(--font);letter-spacing:0;text-transform:none}.main-stage .desk-card,.main-stage .desk-starter,.main-stage .choice-card,.main-stage .mini-guide,.main-stage .next-step-coach,.main-stage .phrase-desk,.main-stage .generator,.main-stage .drum-top-bar,.main-stage .take-box,.main-stage .export-card,.main-stage .project-face,.main-stage .project-hub,.main-stage .share-pack-card,.main-stage .settings-form-block,.main-stage .vocal-drop-box,.main-stage .pattern-bank,.main-stage .fx-rack-card{background:var(--panel);box-shadow:none;color:var(--text);border:0;border-radius:12px;padding:16px}.main-stage .desk-starters{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.main-stage .desk-starter{align-content:start;gap:8px}.main-stage .mini-guide{align-items:flex-start;gap:16px;height:auto;max-height:none;display:flex;overflow:visible}.main-stage .mini-guide .tour-kicker{color:var(--text);font:600 12px var(--font);margin:0 0 6px}.main-stage .mini-guide .tour-dismiss{background:var(--surface-3);min-height:32px;color:var(--text);font:600 14px var(--font);border:0;border-radius:8px;flex:none;padding:0 12px}.main-stage .page-btn,.main-stage .chip,.main-stage .kit-row>button,.main-stage .coach-btn,.main-stage .pattern-chip,.main-stage .help-btn,.main-stage .back-project,.main-stage .prompt>button,.main-stage .patch-bank>button,.mixer-page .page-btn,.studio-page .studio-tool-btn{box-sizing:border-box;background:var(--surface-3);min-height:32px;color:var(--text);font:600 14px/1 var(--font);letter-spacing:0;text-transform:none;box-shadow:none;border:0;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:0 12px;display:inline-flex}.main-stage .page-btn.hot,.main-stage .coach-btn.primary,.main-stage .add-project,.main-stage .prompt>button,.studio-page .studio-tool-btn.primary{background:var(--action);color:var(--action-ink)}.main-stage .chip.selected,.main-stage .chip.on,.main-stage .kit-row>button.on,.main-stage .pattern-chip.on,.main-stage .patch-bank>button.on,.studio-page .studio-tool-btn.on{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.main-stage textarea,.main-stage select,.main-stage input[type=text],.main-stage input[type=search],.main-stage input[type=number]:not(.pot-range):not([data-lane-vol]):not([data-lane-pan]){background:var(--bg);width:100%;min-height:36px;color:var(--text);font:14px/1.4 var(--font);box-shadow:none;border:0;border-radius:8px;padding:8px 10px}.main-stage .desk-card label,.main-stage .prompt-overrides label,.main-stage .form-grid label{color:var(--muted);font:600 13px/1.3 var(--font);gap:6px;display:grid}.main-stage .prompt-overrides,.main-stage .form-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;display:grid}.mixer-page .mixer-section-head h2{font:600 18px/1.25 var(--font);color:var(--text);margin:0}.mixer-page .mixer-section-head>span,.mixer-page .channel-strip>strong{font:600 13px var(--font);color:var(--text);text-transform:none}.mixer-page .channel-strip{background:var(--panel);border-right:1px solid var(--line)}.mixer-page .channel-strip:nth-child(2n){background:var(--surface-2)}.main-stage .idea.click-card{background:var(--panel);color:var(--text);font:600 14px/1.35 var(--font);text-align:left;border:0;border-radius:12px;padding:16px}.main-stage .idea.click-card.chosen{background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.main-stage .ghost{background:var(--surface-3);width:auto;height:auto;min-height:32px;color:var(--text);font:600 14px/1 var(--font);border:0;border-radius:8px;padding:0 12px}.studio-page .studio-tabs{background:var(--panel);border-bottom:1px solid var(--line);gap:6px;padding:8px}.studio-page .studio-tab{box-sizing:border-box;height:32px;min-height:32px;color:var(--muted);font:600 14px/1 var(--font);letter-spacing:0;text-transform:none;background:0 0;border:0;border-radius:8px;padding:0 12px}.studio-page .studio-tab.on{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.studio-page .fl-picker-add-btn{box-sizing:border-box;height:32px;min-height:32px;font:600 14px/1 var(--font);border:0;border-radius:8px;padding:0 12px}.shell .transport .mode-pill,.shell .transport .tap-tempo-btn,.shell .transport .key-trigger,.shell .transport .metronome,.shell .topbar .icon-btn,.studio-page .fl-pat-btn,.studio-page .fl-song-btn,.studio-page .fl-switch-btn,.studio-page .fl-btn-record,.studio-page .fl-pitch-reset{box-sizing:border-box;color:#f4f4f4;height:32px;min-height:32px;font:600 14px/1 var(--font);box-shadow:none;background:#2c2c2c;border:0;border-radius:8px;padding:0 12px}.shell .transport .mode-pill.on,.shell .transport .metronome.metronome-on,.studio-page .fl-pat-btn.active,.studio-page .fl-song-btn.active,.studio-page .fl-switch-btn.active{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.studio-page .fl-picker-tab,.studio-page .fl-picker-add-btn,.studio-page .fl-picker-action-btn,.studio-page .fl-picker-item{box-sizing:border-box;height:32px;min-height:32px;font:600 14px/1 var(--font);box-shadow:none;border:0;border-radius:8px}.studio-page .fl-picker-tab{color:#a3a3a3;background:0 0;padding:0 12px}.studio-page .fl-picker-tab.active{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.studio-page .fl-picker-add-btn{color:#1a1a1a;background:#f5f5f5}.studio-page .fl-picker-action-btn,.studio-page .fl-picker-item{color:#f4f4f4;background:#2c2c2c;padding:0 12px}.studio-page .fl-picker-list .fl-picker-item.selected{color:#f5f5f5;background:#3a3a3a;box-shadow:inset 2px 0 #f5f5f5}.main-stage .studio-page .fl-picker-input,.studio-page .pl-select,.main-stage .studio-page .studio-search input{box-sizing:border-box;color:#f4f4f4;height:36px;min-height:36px;font:14px/1 var(--font);box-shadow:none;background:#0c0c0c;border:0;border-radius:8px}.shell .topbar .icon-btn .ico{font-size:14px}.shell>.transport{scrollbar-width:none;flex-wrap:nowrap;gap:8px;overflow:auto hidden}.shell>.transport>.transport-controls,.shell>.transport>.studio-feature-host,.shell>.transport>.tempo,.shell>.transport>.transport-right{flex:none;min-width:max-content}.studio-feature-host>*,.shell .transport .tempo>*{flex:none}.studio-feature-host .fl-btn-record{flex:0 0 32px;width:32px;min-width:32px}.shell .transport .fl-pitch-slider{appearance:none;accent-color:#f5f5f5;background:#3a3a3a;border:0;border-radius:99px;flex:0 0 88px;width:88px;height:4px;margin:0}.shell .transport .fl-pitch-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#f5f5f5;border:0;border-radius:50%;width:14px;height:14px}.shell .transport .fl-pitch-slider::-moz-range-thumb{background:#f5f5f5;border:0;border-radius:50%;width:14px;height:14px}.shell .transport .tempo-field input{background:0 0;width:52px;min-width:52px}.shell .transport .meter-chip{color:#f4f4f4;height:32px;font:600 14px/1 var(--font);letter-spacing:0;background:#2c2c2c;border:0;border-radius:8px;padding:0 12px}@media (width<=900px){.main-stage .desk-starters,.main-stage .prompt-overrides,.main-stage .form-grid{grid-template-columns:1fr}}