:root{--bg:#212326;--panel:#2b2e31;--panel-light:#34383b;--line:#414447;--line-dark:#202225;--text:#d2d3d2;--muted:#909596;--dim:#686e70;--accent:#edaa80;--mint:#b1d7a0;--browser:195px;--mono:'SFMono-Regular',Consolas,'Liberation Mono',monospace;color-scheme:dark;font-family:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;font-size:12px}
*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--text)}button,input,select{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer;border-radius:3px;white-space:nowrap}button:hover{background:#ffffff0b;color:#fff}button:focus-visible,input:focus-visible,select:focus-visible{outline:1px solid var(--accent);outline-offset:2px}button:disabled{opacity:.35;cursor:default}input,select{border:1px solid #484d4f;border-radius:3px;background:#24272a;outline:0;min-width:0}input{padding:4px 6px}input[type=range]{appearance:none;height:3px;border:none;background:#555b5b;border-radius:2px;cursor:pointer;padding:0;accent-color:var(--accent)}input[type=range]::-webkit-slider-thumb{appearance:none;width:8px;height:13px;background:#cfd2cc;border:1px solid #272a2b;border-radius:2px}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none}select{padding:3px 5px}svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.sprite{display:none}.hidden{display:none!important}kbd{font-family:inherit;font-size:9px;color:#a3a8a6;border:1px solid #55595a;border-radius:3px;padding:1px 4px}.icon-btn{display:flex;align-items:center;justify-content:center;width:29px;height:27px;flex-shrink:0}.icon-btn svg{width:15px;height:15px}.active{color:var(--accent)!important;background:#edaa801d!important}#app{height:100%;display:flex;flex-direction:column;min-width:780px}
.menubar{height:43px;flex-shrink:0;display:flex;align-items:center;gap:27px;padding:0 17px;border-bottom:1px solid #181b1d;background:#292c2e}.brand{display:flex;align-items:center;gap:9px;color:#e7e6e1;text-decoration:none;font-size:13px;letter-spacing:1.9px;font-weight:720}.brandmark{display:flex;align-items:center;gap:3px;height:23px}.brandmark i{width:3px;background:var(--accent);height:16px;border-radius:1px}.brandmark i:nth-child(2){height:23px}.brandmark i:nth-child(3){height:12px}.brandmark i:nth-child(4){height:19px}.edition{font-size:8px;color:#7d8484;letter-spacing:1.3px;margin-left:-3px;margin-top:3px}.menubar nav{display:flex;gap:1px}.menubar nav button{padding:5px 9px;font-size:11px;color:#a4aaa9}.project-title{display:flex;align-items:center;gap:8px;margin-left:auto;font-size:11px;letter-spacing:.2px;color:#bac0bc}.project-dot{width:5px;height:5px;background:#a9bd9a;border-radius:50%}.project-format{color:#727978;margin-left:-5px}.audio-state{font-size:10px;display:flex;align-items:center;gap:7px;border:1px solid #4a514a;padding:5px 9px;color:#bcc9b3}.status-led{display:inline-block;width:5px;height:5px;border-radius:50%;background:#7c8680}.audio-state.running .status-led{background:#b7d09b;box-shadow:0 0 7px #b7d09b44}.transport{height:54px;background:#333638;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #1a1d1f;padding:0 13px;gap:15px;flex-shrink:0}.transport-left,.transport-center,.transport-right{display:flex;align-items:center;gap:8px}.transport-left{gap:12px}.tempo-field{display:flex;align-items:baseline;gap:5px}.tempo-field>span{font-size:8px;font-weight:600;color:#8d9492;letter-spacing:1px}.tempo-field input{background:transparent;border:0;width:39px;padding:0;font-family:var(--mono);font-size:14px;color:#e1e0d9}.tempo-field small{font-size:8px;color:#818985}#tap{border:1px solid #555b5b;padding:3px 5px;font-size:9px;color:#aeb3ae}.time-signature{font:11px var(--mono);border-left:1px solid #4a4f4f;padding-left:12px}.metronome{font-size:11px;display:flex;gap:1px;padding:4px}.transport-btn{width:31px;height:31px;padding:6px;color:#b2b7b3}.transport-btn svg{width:19px;height:19px}.transport-btn.playing{color:var(--mint)}.transport-btn.record.recording{color:#e6837a;background:#e6837a18}.position{font-family:var(--mono);font-size:15px;color:#e6e3d9;letter-spacing:1px;min-width:128px;background:#25292a;padding:6px 11px;border:1px solid #404646;border-radius:3px;text-align:center;font-variant-numeric:tabular-nums}.position span{color:#65706a}#quantum{font-size:10px;width:68px;background:#2b2f31;border-color:#4c5151;height:25px}.export-button{display:flex;align-items:center;gap:6px;font-size:10px;padding:7px 10px;border:1px solid #747064;color:#e0d9c9;background:#a6977210}.export-button svg{width:13px;height:13px}.workspace{display:flex;flex:1;min-height:0}.browser{width:var(--browser);flex-shrink:0;background:#292c2e;border-right:1px solid #171a1b;display:flex;flex-direction:column;overflow:hidden;padding:15px 10px 10px}.search{display:flex;align-items:center;border:1px solid #454b4d;background:#232729;border-radius:4px;height:29px;padding:0 6px;gap:5px;margin-bottom:22px}.search svg{color:#8e9595;width:13px;height:13px}.search input{padding:0;border:0;background:none;min-width:0;width:100%;font-size:10px}.search kbd{border:0;color:#737c79;white-space:nowrap;font-size:8px}.browser-heading{display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:1.6px;font-weight:700;color:#818986;padding:0 8px;margin-bottom:8px}.browser-heading button{font-size:13px;color:#949d96}.category{display:flex;align-items:center;gap:9px;width:100%;padding:7px 9px;font-size:11px;text-align:left;color:#b1b7b4}.category svg{width:13px;height:13px;color:#8f9792}.category.selected{background:#414646;color:#e2e5da}.category.selected svg{color:var(--accent)}.collection{font-size:10px;padding:6px 9px}.collection i{width:5px;height:5px;border-radius:1px}.collection span{margin-left:auto;font:9px var(--mono);color:#8c958e}.collection+.browser-heading{margin-top:24px}.browser-divider{border-top:1px solid #3c4241;padding-top:18px;margin-top:20px;margin-bottom:9px}.browser-divider span:last-child{font-family:var(--mono);font-weight:400;color:#747f78}.library{display:flex;flex-direction:column;gap:2px;overflow-y:auto;min-height:65px}.library-item{display:flex;align-items:center;gap:8px;text-align:left;padding:8px 6px;font-size:10px;color:#b7c0b8}.library-item svg{width:12px;height:12px;color:#838e85}.library-item:hover{background:#373e3b}.library-item .preset-tag{font:7px var(--mono);color:#747e76;margin-left:auto}.import-button{display:flex;align-items:center;gap:6px;margin:14px 5px;padding:8px;border:1px dashed #48514a;font-size:10px;color:#a5b29f;justify-content:center}.import-button svg{width:12px;height:12px}.browser-footer{margin-top:auto;padding:25px 9px 9px;border-top:1px solid #3b423e}.tiny-wave{font-size:17px;color:#879a7c;letter-spacing:3px}.browser-footer div{margin-top:10px;font-size:12px;line-height:1.6;color:#8d9a8c;font-weight:350}.browser-footer strong{color:#bdc7b6;font-weight:500}.browser-footer>span:last-child{display:block;font-size:9px;line-height:1.6;color:#727f73;margin-top:14px}.main-area{display:flex;flex-direction:column;min-width:0;flex:1;overflow:hidden}.set-toolbar{height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;gap:10px;background:#24282a;flex-shrink:0;border-bottom:1px solid #1a1e20}.set-heading{display:flex;align-items:center;gap:9px}.set-icon{font-size:20px;color:var(--accent)}.set-heading strong{font-size:13px;font-weight:550;letter-spacing:.1px}.set-tag{border:1px solid #414946;border-radius:3px;padding:2px 5px;font-size:7px;color:#89988e;letter-spacing:1px;margin-left:4px}.view-switch{display:flex;align-items:center;background:#1e2224;border:1px solid #3a4241;border-radius:4px;padding:2px}.view-switch button{display:flex;align-items:center;gap:6px;font-size:10px;padding:5px 11px;color:#8e9a93;border-radius:2px}.view-switch button svg{width:12px;height:12px}.view-switch button.selected{background:#414846;color:#e0e3d9}.set-tools{display:flex;gap:14px}.set-tools button{font-size:10px;color:#a3afa5}.set-tools svg{width:12px;height:12px;margin-right:3px}.overview{position:relative;margin:10px 15px 9px;height:31px;flex-shrink:0;background:#1c2222;border:1px solid #3b4440;overflow:hidden;border-radius:2px;cursor:crosshair}.overview-lanes{position:absolute;inset:4px 6px;display:flex;flex-direction:column;gap:2px;opacity:.45}.overview-lane{display:flex;gap:2px;height:3px;width:100%}.overview-lane span{height:3px}.overview-window{position:absolute;inset:0;pointer-events:none;border:1px solid #9baba06e;background:#c3d5c603}.overview-position{position:absolute;top:0;bottom:0;width:1px;background:#ddd5b4;left:0}.session{flex:1;min-height:290px;display:flex;margin:0 15px 12px;border:1px solid #414744;border-radius:3px;overflow:auto;background:#262b29}.track-grid{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(105px,1fr);flex:1;min-width:0}.track{display:flex;flex-direction:column;min-width:0;border-right:1px solid #202622;background:#2b302e}.track-header{height:36px;flex-shrink:0;background:var(--track-color);color:#262d29;display:flex;align-items:center;padding:0 8px;gap:5px;cursor:pointer;position:relative;border-right:1px solid #0001}.track-header.selected:after{content:'';position:absolute;inset:3px;border:1px solid #18251e65;border-radius:2px;pointer-events:none}.track-number{font:9px var(--mono);opacity:.65}.track-header strong{font-size:10px;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-header svg{width:12px;height:12px;margin-left:auto;opacity:.65}.clip-slots{display:flex;flex-direction:column;flex-shrink:0}.clip-slot{height:48px;border-bottom:1px solid #1d2420;position:relative;padding:4px;background:#252c29}.clip-slot:nth-child(2n){background:#282f2b}.clip-slot.empty{background-image:linear-gradient(90deg,#313b32 1px,transparent 1px);background-size:100% 100%}.empty-slot-button{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#546451;opacity:0;font-size:20px}.clip-slot.empty:hover .empty-slot-button{opacity:1}.clip{height:100%;background:color-mix(in srgb,var(--track-color) 32%,#2b322c);border:1px solid color-mix(in srgb,var(--track-color) 50%,#293129);border-radius:2px;overflow:hidden;position:relative;cursor:pointer;transition:filter .1s}.clip.selected{outline:1px solid #ece7cc;outline-offset:0}.clip.playing{background:color-mix(in srgb,var(--track-color) 55%,#2b342a)}.clip.queued{animation:queue-flash .6s infinite alternate}.clip-top{display:flex;align-items:center;height:17px;position:relative;z-index:1}.clip-launch{padding:1px 2px;width:20px;height:17px;border-radius:0;color:color-mix(in srgb,var(--track-color) 85%,white)}.clip-launch svg{height:9px;width:9px}.clip.playing .clip-launch{color:#e9f6b9}.clip-name{font-size:9px;color:#e2e6d7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding-right:3px;font-weight:500}.clip-preview{position:absolute;left:22px;right:5px;bottom:5px;height:12px;opacity:.68}.clip-note{position:absolute;height:2px;min-width:2px;background:var(--track-color);border-radius:.5px}.clip-progress{position:absolute;left:0;top:0;bottom:0;width:1px;background:#f0efd580;pointer-events:none}.clip-audio-line{display:flex;height:11px;align-items:center;gap:1px}.clip-audio-line i{width:2px;flex:1;background:var(--track-color);min-height:1px}.track-stop{height:27px;border-bottom:1px solid #424c43;display:flex;justify-content:space-between;align-items:center;padding:0 10px;flex-shrink:0;background:#313930}.track-stop button{font-size:10px;color:#8e9a83;padding:0}.track-stop span{font:8px var(--mono);color:#77836e}.track-mixer{display:flex;flex-direction:column;align-items:center;flex:1;min-height:105px;padding:9px 8px 7px;gap:7px;background:linear-gradient(#30392f,#2a3229)}.routing{font-size:8px;color:#8e9f87;display:flex;justify-content:space-between;width:100%;border:1px solid #485541;border-radius:2px;padding:3px 5px;white-space:nowrap}.pan-row{display:flex;gap:5px;align-items:center;width:100%;font:8px var(--mono);color:#849578}.pan-row input{width:100%}.mixer-center{display:flex;align-items:stretch;justify-content:center;gap:9px;flex:1;min-height:49px;max-height:97px;width:100%}.volume-control{writing-mode:vertical-lr;direction:rtl;width:15px!important;height:100%!important;min-height:45px;flex-shrink:0;background:none!important;appearance:none!important}.volume-control::-webkit-slider-thumb{width:22px!important;height:10px!important;background:#c7d0b5!important;border-radius:1px!important}.meter-scale{font:7px var(--mono);color:#65765b;display:flex;flex-direction:column;justify-content:space-between;text-align:right;padding:1px}.meter-pair{display:flex;gap:2px;height:100%;min-height:45px;align-items:flex-end;background:#1c271a;padding:2px;border-radius:2px}.meter-well{width:5px;height:100%;min-height:41px;position:relative;background:repeating-linear-gradient(to top,#33462b 0,#33462b 3px,transparent 3px,transparent 5px)}.meter-fill{position:absolute;bottom:0;width:100%;height:0;background:repeating-linear-gradient(to top,#b6d983 0,#b6d983 3px,transparent 3px,transparent 5px);max-height:100%}.volume-label{font:9px var(--mono);color:#b7cba3;min-width:38px;text-align:center}.track-buttons{display:flex;gap:4px;justify-content:center}.track-buttons button{min-width:22px;height:18px;border:1px solid #56684a;border-radius:2px;font-size:9px;padding:1px 6px;color:#91a382}.track-buttons .track-activate{background:var(--track-color);border-color:var(--track-color);color:#2e3628}.track-buttons .track-activate.muted{background:#515c45;border-color:#515c45;color:#82916f}.track-buttons .solo.on{background:#78b6bc;color:#132d2e;border-color:#78b6bc}.track-buttons .arm.on{background:#d58e7e;color:#3b2520;border-color:#d58e7e}.track-buttons .arm{font-size:8px}.scene-column{width:124px;flex-shrink:0;display:flex;flex-direction:column;background:#333a30;border-left:1px solid #444f3c}.master-header{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;background:#babf9d;color:#303727;font-size:10px;font-weight:650}.scene-launch{height:48px;display:flex;align-items:center;gap:7px;padding:0 10px;flex-shrink:0;border-bottom:1px solid #242d22;text-align:left;border-radius:0;font-size:9px;color:#b4c3a6}.scene-launch:hover{background:#44523b}.scene-launch svg{width:9px;height:9px;color:#8f9e7e}.scene-launch .scene-number{font:8px var(--mono);color:#7d906b}.scene-launch.selected{background:#424d38;color:#dce1c7}.stop-all{height:27px;display:flex;align-items:center;gap:9px;padding:0 13px;flex-shrink:0;border-bottom:1px solid #505d42;font-size:8px;color:#9faf8a}.stop-all svg{width:7px;height:7px}.master-mixer{display:flex;gap:10px;align-items:center;justify-content:center;flex:1;min-height:100px;padding:10px}.master-main{display:flex;flex-direction:column;align-items:center;gap:8px;height:100%}.master-main .meter-pair{min-height:45px;flex:1}.master-main label{font-size:8px;letter-spacing:1px;color:#829573}.master-volume{width:13px!important}.master-value{font:9px var(--mono);color:#cdd3af}.arrangement{margin:0 15px 12px;flex:1;min-height:290px;display:flex;flex-direction:column;border:1px solid #414744;border-radius:3px;overflow:hidden}.arrangement-tools{height:32px;display:flex;align-items:center;gap:12px;padding:0 10px;background:#303732;font-size:9px;flex-shrink:0}.arrangement-tools>span:first-child{font-size:8px;letter-spacing:1px;color:#8c9b8b}.arrangement-tools label{font-size:9px;display:flex;align-items:center;gap:5px}.arrangement-tools select{font-size:9px;padding:1px 3px}.arrangement-tools button{padding:4px 6px;border:1px solid #52604b;font-size:9px}.arrangement-tools>span:last-child{font-size:8px;color:#85927f;margin-left:auto}.arrangement-body{position:relative;flex:1;min-height:0;overflow:hidden}.arrangement-body canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none}.arrangement-labels{position:absolute;inset:25px auto 0 0;width:126px;z-index:2;pointer-events:none}.arrangement-track-label{display:flex;gap:7px;align-items:center;font-size:9px;padding:0 8px;color:#dae1d3;border-bottom:1px solid #1b261b;background:#30392cf0;pointer-events:auto;cursor:pointer;border-left:3px solid var(--track-color)}.arrangement-track-label.selected{background:#454f39f5}.arrangement-ruler{position:absolute;left:126px;right:0;top:0;height:25px;pointer-events:none;font:9px var(--mono);color:#9aaa8f}.arrangement-ruler span{position:absolute;top:7px}.arrangement-clip-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.arrangement-clip-label{position:absolute;font-size:8px;overflow:hidden;white-space:nowrap;color:#e4e9d8;line-height:16px;padding-left:5px}.detail{height:258px;min-height:258px;margin:0 15px 12px;flex-shrink:0;border:1px solid #4a5346;border-radius:3px;overflow:hidden;background:#2c332c}.detail.collapsed{height:29px;min-height:29px}.detail-tabs{height:29px;display:flex;align-items:center;padding:0 8px;gap:4px;border-bottom:1px solid #48513f;background:#333c30}.detail-tabs>button{font-size:9px;padding:4px 10px;color:#96a58b}.detail-tabs>button.selected{color:#e4e5cd;color:#e4e5cd;background:#4a563e}.detail-track{margin-left:10px;font-size:9px;color:#a8b797;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-spacer{flex:1}.detail-tabs>button:nth-last-child(2),.detail-tabs>button:nth-last-child(3){font-size:8px;color:#8d9d7d}.clip-detail{display:flex;height:calc(100% - 29px)}.clip-properties{width:163px;flex-shrink:0;background:#333c2f;border-right:1px solid #4a5640;padding:11px 10px;font-size:9px;overflow:auto}.clip-name-line{display:flex;align-items:center;gap:6px;margin-bottom:3px}.clip-name-line i{height:8px;width:8px;border-radius:1px;background:#edaa80;flex-shrink:0}.clip-name-line input{border:0;background:none;padding:0;color:#d9ddc6;font-size:10px;width:100%;font-weight:500}.clip-type{font-size:7px;color:#809171;letter-spacing:1px;margin:7px 0 10px 14px}.clip-properties label{display:flex;align-items:center;justify-content:space-between;margin:6px 0;font-size:9px;color:#a4b495;gap:5px}.clip-properties select,.clip-properties input[type=number]{background:#283221;border-color:#4c5c3d;padding:2px 4px;width:72px;font-size:9px;color:#c4d2ae}.small-button-row{display:flex;gap:4px;margin:7px 0}.small-button-row button{padding:3px 5px;border:1px solid #556745;color:#b0c198;font-size:8px;flex:1}.pencil{display:flex;align-items:center;gap:5px;width:100%;font-size:8px;color:#9caf83;padding:4px 0;margin-top:6px}.pencil svg{height:11px;width:11px}.pencil kbd{margin-left:auto;border-color:#4d613a;color:#a2b887}.pencil.active{padding-left:5px}.editor-wrap{position:relative;flex:1;min-width:0;overflow:hidden;background:#232b21}.editor-wrap canvas{width:100%;height:100%;display:block;touch-action:none}.editor-ruler{height:21px;position:absolute;left:43px;right:0;top:0;pointer-events:none;z-index:1;font:8px var(--mono);color:#a1b28e}.editor-ruler span{position:absolute;top:6px}.piano-keys{position:absolute;left:0;top:22px;bottom:35px;width:43px;z-index:2}.piano-key{height:calc(100% / 24);background:#8d9980;border-bottom:1px solid #566648;color:#26341f;font:7px var(--mono);display:flex;align-items:center;justify-content:flex-end;padding-right:4px;cursor:pointer}.piano-key.black{background:#35402e;color:#7b906a;margin-right:9px;border-right:1px solid #222e1b}.piano-key.root{background:#b2c69a;color:#2b3d20}.editor-caption{height:20px;position:absolute;bottom:0;left:0;right:0;background:#303b2bf5;border-top:1px solid #4a5c3c;display:flex;align-items:center;justify-content:space-between;padding:0 9px;font-size:7px;color:#8ea175;pointer-events:none}.editor-caption>span:last-child{font-family:var(--mono);color:#9cb386}.editor-empty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#232c22;color:#a1b68b}.editor-empty svg{width:25px;height:25px;color:#708b59}.editor-empty strong{font-size:13px;font-weight:450}.editor-empty span{font-size:9px;color:#748b60}.devices-detail{display:flex;gap:10px;padding:12px;height:calc(100% - 29px);overflow:auto;background:#252e22}.device{min-width:170px;width:190px;flex-shrink:0;border:1px solid #536744;border-radius:4px;background:#33412c;overflow:hidden}.device-header{height:28px;padding:0 9px;display:flex;align-items:center;justify-content:space-between;background:#48593a;font-size:9px;color:#d2ddbb}.device-power{width:7px;height:7px;border-radius:50%;background:#c4dc88;margin-right:6px}.device-header span:first-child{display:flex;align-items:center}.device-header small{font-size:7px;color:#99af7c}.device-body{padding:9px}.device select{width:100%;font-size:10px;background:#2b3923;border-color:#5e7648}.device label{display:flex;align-items:center;justify-content:space-between;font-size:8px;gap:7px;color:#adc296;margin-top:9px}.device label input[type=range]{width:74px}.device label output{font:8px var(--mono);color:#cedcb6;width:28px;text-align:right}.device label input[type=number]{width:48px;font-size:9px;background:#2b3923;border-color:#5e7648}.device-label{display:block;font-size:8px;color:#9ab67d;margin-bottom:7px}.device-extra{font-size:8px;color:#8fac72;line-height:1.6;margin-top:9px}.device-add{border:1px dashed #4a6137;color:#7f9c65;min-width:100px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;font-size:9px;padding:10px;text-align:center}.device-wave{height:20px;display:flex;align-items:center;gap:3px;margin-top:8px}.device-wave i{height:1px;background:#aac781;flex:1}.statusbar{height:27px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;background:#2d352b;border-top:1px solid #1d271c;flex-shrink:0;font-size:8px;color:#879f73;gap:15px}.status-left,.status-right{display:flex;align-items:center;gap:9px;white-space:nowrap;min-width:0}.status-left svg{width:11px;height:11px;color:#a4bd89}.status-left span{overflow:hidden;text-overflow:ellipsis}.status-right{font-family:var(--mono);font-size:8px}.status-separator{height:9px;width:1px;background:#4e6440}.status-right button{font-size:7px;border:1px solid #607950;padding:1px 4px;color:#abc38f}.version{color:#63804f;font-size:8px}.toast{position:fixed;bottom:43px;left:50%;transform:translate(-50%,10px);opacity:0;pointer-events:none;background:#e7e7d8;color:#2b3424;border:1px solid #f2eed9;border-radius:5px;padding:11px 18px;font-size:11px;max-width:min(90vw,580px);z-index:30;box-shadow:0 7px 30px #0006;transition:opacity .15s,transform .15s}.toast.show{opacity:1;transform:translate(-50%,0)}.toast.error{background:#eed1c0;border-color:#d88a69;color:#5b2920}.popup-menu{position:fixed;z-index:40;min-width:190px;max-height:70vh;overflow:auto;padding:5px;background:#353d32;border:1px solid #68735b;border-radius:5px;box-shadow:0 8px 24px #0007}.popup-menu button{display:flex;width:100%;justify-content:space-between;padding:9px 11px;font-size:11px;color:#c9d3b9}.popup-menu button:hover{background:#526046}.popup-menu hr{border:0;border-top:1px solid #576349;margin:3px 4px}dialog{border:1px solid #5f6b54;border-radius:10px;background:#30372d;color:#c9d2bd;width:435px;padding:25px;box-shadow:0 25px 100px #0009}dialog::backdrop{background:#101811b8;backdrop-filter:blur(5px)}dialog header{display:flex;align-items:flex-start;justify-content:space-between}.eyebrow{font-size:8px;letter-spacing:2px;color:#b2c699}dialog h2{font-size:25px;line-height:1.2;font-weight:500;letter-spacing:-.8px;margin:9px 0 7px;color:#e8eadb}.dialog-close{font-size:25px;line-height:1;padding:0;color:#9aaa89}dialog p{font-size:11px;line-height:1.7;color:#a8b498;margin:13px 0 21px}dialog form>label{display:flex;align-items:center;justify-content:space-between;margin:12px 0;font-size:11px}dialog select{background:#252e20;border-color:#61714d;width:185px;padding:7px 10px;font-size:11px}.export-note{font-size:9px;line-height:1.7;color:#91a47d;background:#283122;padding:10px;margin:20px 0;border-radius:4px}.primary{width:100%;padding:12px 15px;font-size:12px;color:#2b3622;background:#c5d79c;font-weight:550;border:1px solid #d9e6b5;border-radius:5px;display:flex;justify-content:space-between;align-items:center}.primary:hover{background:#d4e5ad;color:#26381a}progress{width:100%;height:5px;accent-color:#c3d590;margin:5px 0 18px}#cancel-export{width:100%;padding:10px;margin-top:8px;color:#d1b69b;border:1px solid #75634f}#help-dialog{width:740px;max-width:90vw}.help-columns{display:grid;grid-template-columns:1fr 1fr;gap:25px}.help-columns h3{font-size:13px;font-weight:500;color:#d1dabf;margin-bottom:0}.help-columns p{font-size:11px;line-height:1.8;margin:10px 0}.help-fine{border-top:1px solid #536146;padding-top:12px;font-size:9px!important;color:#899e71!important}.drag-overlay:after{content:'Drop audio to create a sample clip';position:fixed;inset:100px 20px 40px;background:#27351de8;border:2px dashed #abc384;display:flex;align-items:center;justify-content:center;font-size:25px;z-index:50;pointer-events:none;border-radius:10px;color:#d8e6c2}.recording-indicator{color:#e7a995!important}.selected-note-info{color:#efcba0!important}*{scrollbar-width:thin;scrollbar-color:#506347 #263120}@keyframes queue-flash{from{filter:brightness(.85)}to{filter:brightness(1.4)}}
/* Compact laptops and landscape tablets retain the complete workstation; small screens scroll the session horizontally. */
@media(max-height:850px){.clip-slot,.scene-launch{height:42px}.track-mixer{gap:5px;min-height:95px;padding:7px}.detail{height:237px;min-height:237px}.browser-footer{padding-top:15px}.overview{height:25px;margin-top:8px;margin-bottom:7px}.set-toolbar{height:42px}.mixer-center{min-height:37px}.meter-pair{min-height:37px}.meter-well{min-height:33px}.volume-control{min-height:37px}.routing{padding:2px 4px}}@media(max-height:730px){.detail{height:212px;min-height:212px}.clip-slot,.scene-launch{height:34px}.clip-preview{height:7px;bottom:3px}.clip-note{height:1.5px}.track-header,.master-header{height:29px}.session,.arrangement{min-height:250px}.track-mixer{min-height:87px}.overview{height:21px;margin-top:5px;margin-bottom:5px}.browser-footer{display:none}.clip-properties{padding:7px}.clip-type{margin:5px 0}.clip-properties label{margin:4px 0}.transport{height:47px}.menubar{height:35px}}@media(max-width:1250px){:root{--browser:170px}.menubar{gap:15px}.menubar nav button{padding:5px 6px}.track-grid{grid-auto-columns:minmax(97px,1fr)}.transport{gap:8px}.transport-left{gap:8px}.tempo-field>span,.edition{display:none}.scene-column{width:106px}.session,.arrangement,.detail{margin-left:10px;margin-right:10px}.overview{margin-left:10px;margin-right:10px}.track-header{padding:0 5px}.track-header strong{font-size:9px}.scene-launch{padding:0 7px;font-size:8px}.clip-name{font-size:8px}.arrangement-tools>span:last-child{display:none}.set-tag{display:none}.project-title{font-size:10px}.transport-right{gap:3px}.position{min-width:113px;font-size:13px}.export-button{padding:7px}.status-right{gap:6px}.browser{padding-left:8px;padding-right:8px}}@media(max-width:980px){.browser{display:none}.menubar .project-title{margin-left:auto}.menubar nav{gap:0}.status-right .version,#save-status{display:none}.transport-left{gap:8px}.time-signature{padding-left:8px}.track-grid{grid-auto-columns:minmax(100px,1fr)}.session{overflow:auto}.track-grid{min-width:800px}.scene-column{position:sticky;right:0;z-index:3;box-shadow:-3px 0 8px #0003}.brand{font-size:11px;letter-spacing:1px}.set-toolbar{padding:0 12px}.detail{height:240px;min-height:240px}.export-button{font-size:9px}.transport-left .icon-btn{display:none}.help-columns{grid-template-columns:1fr}#help-dialog{max-height:85vh}}@media(max-width:780px){html,body{overflow-x:auto}.menubar nav{display:none}#app{min-width:760px}.project-title{margin-left:auto}.transport{padding:0 8px}.status-left{max-width:340px}.audio-state{font-size:9px}}

/* Keep the complete mixer visible as available workstation height changes. */
.clip-slot,.scene-launch{height:var(--slot-height,42px)}
.track-mixer{gap:5px;min-height:149px;flex:1;padding:8px 8px 7px}
.track-mixer .routing{padding:2px 5px;min-height:15px}
.track-mixer .mixer-center{min-height:47px;max-height:85px}
.track-mixer .volume-label{line-height:11px}
.volume-control{appearance:none!important;background:#485541!important;width:4px!important;min-height:47px;border-radius:0!important;margin:0 7px}
.volume-control::-webkit-slider-runnable-track{background:#172414;border:1px solid #526344;width:4px;height:100%;border-radius:2px}
.volume-control::-webkit-slider-thumb{appearance:none!important;background:#d7dcc4!important;width:19px!important;height:8px!important;border:1px solid #1b2517!important;border-radius:1px!important;margin-left:-8px}
.overview-lane{position:relative}
.device-body .import-button{margin:8px 0;padding:6px}
@media(max-height:730px){.track-mixer{min-height:140px;gap:4px;padding:6px}}
.track-grid{grid-template-rows:minmax(0,1fr)}
.track{min-height:0}
.track-mixer{flex-basis:0}