*{box-sizing:border-box}body{margin:0;font:14px system-ui,sans-serif;color:#eee4d4;padding:18px}main{margin:auto;max-width:1440px;padding:24px;min-width:0}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding:5px 5px 12px}header h1{font-size:36px;margin:3px 0}header p{font-size:13px;margin:4px 0}.makerBrand{width:150px;max-width:none;max-height:70px}.appActions{display:flex;gap:18px;align-items:center}.sessionBar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;background:#231c17e8;padding:7px 10px;border:1px solid #80613f;border-radius:7px;margin:0 0 9px}.sessionBar>span{flex:1;font-size:11px;color:#cbb896;min-width:160px}.sessionBar button{padding:7px 12px;font-size:12px}.themePicker{display:flex;align-items:center;gap:6px}select,input,button{font:inherit}button{cursor:pointer}input,select{min-width:0;max-width:100%}button:disabled{opacity:.4;cursor:default}input[type=number]{width:70px}button,select,input:not([type=range]){padding:7px 10px}label{display:grid;gap:4px;font-size:11px}input[type=checkbox]{width:16px;height:16px;margin:0}.check{display:flex;align-items:center;gap:6px;white-space:nowrap}h2{margin:4px 0 8px;font-size:23px}small{font-size:9px}.transport{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px;background:#211b17;border:1px solid #a27b4a;border-radius:8px}.transportButtons{display:flex;gap:5px}.transportButtons button{min-height:37px}.position{background:#12130d;border:1px solid #675d35;padding:5px 14px;min-width:103px;text-align:center;color:#f0cd82;border-radius:5px}.position span{display:block;font:20px monospace}.position small{font:8px monospace;color:#ac9c72}.transport #record{color:#f2b0a4;border-color:#a45f4d}.transport #record.active{background:#9c382f;color:#fff1d5}.transport #play.active{box-shadow:0 0 0 2px #d7b17c77}.transport #panic{margin-left:auto}.appTabs{position:relative;top:auto;margin:9px 0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:6px;padding:5px}.appTabs button{padding:8px 3px;min-height:35px;font-size:12px}.appTabs button[aria-selected=true]{background:linear-gradient(#e3c693,#b9915d);color:#291d12;border-color:#e2c28c;font-weight:650}.page{min-width:0}.page section{margin:0;padding:16px 18px}.titleline{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.titleline h2{margin-bottom:0}.titleline>div:first-child{margin-right:auto}.titleline label{max-width:220px}.micro{font-size:11px;line-height:1.5;color:#b7a792;margin:8px 0}.panelFoot{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px;font-size:11px;color:#c4ab82}.arrangement{display:flex;min-height:380px;margin-top:12px;border:1px solid #665039;border-radius:6px;overflow:hidden;background:#16130f}.trackHeaders{flex:0 0 210px;display:flex;flex-direction:column;padding-top:26px;border-right:1px solid #765939}.trackRow{height:23px;min-height:23px;display:flex;align-items:center;gap:5px;padding:2px 5px;border-bottom:1px solid #ffffff0c}.trackRow.selected{background:#70533266}.trackRow button{min-width:0;padding:1px 5px;font-size:10px;border-radius:3px}.trackRow .trackSelect{flex:1;text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:none;border:0;box-shadow:none}.trackRow .trackSelect span{color:#af9166;font:9px monospace;margin-right:7px}.trackRow .active{background:#ba9760;color:#1e160e}.trackRow .solo.active{background:#8fb5a4}.trackRow .arm{color:#b28178}.trackRow.selected .arm{color:#ffb5a1}.timelineScroll{overflow:auto;flex:1;min-width:0;position:relative}.timelineScroll canvas{display:block;touch-action:pan-x}.studioSection{display:flex;flex-direction:column}.arrangement{flex:1}.rollScroll,.drumScroll{overflow:auto;background:#171410;border:1px solid #70563a;border-radius:5px;margin-top:12px;height:390px;overscroll-behavior:contain}.rollScroll canvas,.drumScroll canvas{display:block;touch-action:none}.editorSection,.drumSection{display:flex;flex-direction:column}.noteInspector{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin-top:10px}.noteInspector>span{font-size:11px;color:#d7b17c;margin-right:auto;align-self:center}.noteInspector input{width:67px}.noteInspector button{font-size:11px}.drumScroll{height:400px}.drumSection .titleline input{width:70px}.soundDesk{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px;margin-top:12px}.soundTracks{display:grid;grid-template-columns:1fr 1fr;gap:6px}.soundTrack{display:flex;align-items:center;gap:10px;min-height:40px;text-align:left;padding:5px 10px}.soundTrack .num{font:12px monospace;color:#c49c63}.soundTrack b{font-weight:500;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.soundTrack small{margin-left:auto;font-size:8px;letter-spacing:0;color:#a8977e}.soundTrack.selected{background:#62492d;border-color:#ddb67f}.soundInspector{padding:12px 16px;background:#1d1813;border:1px solid #765b39;border-radius:6px;display:grid;gap:9px}.soundInspector .fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.soundInspector input[type=number]{width:100%}.soundInspector input[type=range]{min-height:24px}.soundInspector output{float:right;color:#e6bd7e}.soundInspector .micro{margin:0}.midiOptions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0}.connection{display:flex;align-items:end;gap:14px;flex-wrap:wrap;margin:14px 0}.connection select{max-width:300px}.notice{padding:12px 15px;border:1px solid #795c38;background:#1e1913;border-radius:6px;color:#c9b18b;font-size:12px;line-height:1.6}.projectActions{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.projectActions label{flex:1}.savedProjects{max-height:220px;overflow:auto;display:grid;gap:7px;margin:16px 0}.savedProject{display:flex;align-items:center;gap:10px;border-bottom:1px solid #6f594044;padding:6px 0}.savedProject span{flex:1}.savedProject small{letter-spacing:0;color:#ae9776;margin-right:15px}.toolbar{display:flex;gap:10px;flex-wrap:wrap}.helpCards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 24px}.helpCards p{font-size:12px;line-height:1.7;margin:0}.helpCards b{color:#d9b682}.version{font:10px monospace;letter-spacing:1px;margin-top:25px;color:#aa967a}footer{display:flex;justify-content:space-between;gap:20px;padding:10px 2px 0;font-size:10px;color:#d8c29f}footer #status{color:inherit}.page[hidden]{display:none!important}dialog{max-width:540px;width:90vw;padding:24px}dialog p{line-height:1.7}#pageHelp{background:#243b39;border-color:#719c91;color:#e1f1e9}html.full,html.full body{overflow:hidden;height:100%;padding:0}html.full main{width:100%;max-width:none;height:100dvh;margin:0;border-radius:0;padding:12px 20px;display:flex;flex-direction:column;gap:7px;overflow:hidden}html.full header{flex:0 0 55px;margin:0;padding:0}html.full header h1{font-size:30px}html.full header p,html.full .eyebrow{display:none}html.full .makerBrand{width:125px;max-height:50px}html.full .sessionBar,html.full .appTabs{margin:0;flex-shrink:0}html.full .transport{padding:6px 10px;gap:8px;flex-shrink:0}html.full .transportButtons button{min-height:32px}html.full .appTabs button{min-height:29px;padding:5px}html.full .page{flex:1;min-height:0;overflow:auto}html.full .page>section{min-height:100%;padding:12px 16px}html.full .studioSection,html.full .editorSection,html.full .drumSection,html.full .soundsSection{height:100%}html.full .arrangement{min-height:0;margin-top:7px}html.full .trackHeaders{padding-top:24px}html.full .trackRow{height:calc((100% - 0px)/16);min-height:16px}html.full .titleline h2{font-size:20px}html.full .rollScroll,html.full .drumScroll{flex:1;min-height:80px;height:auto;margin-top:8px}html.full .micro{margin:5px 0;font-size:10px}html.full .noteInspector{margin-top:7px;gap:7px}html.full .noteInspector input{padding:5px 7px}html.full footer{padding:0;flex-shrink:0}html.full .soundDesk{flex:1;min-height:0;gap:12px;margin-top:7px}html.full .soundTracks{gap:4px;grid-template-rows:repeat(8,minmax(0,1fr))}html.full .soundTrack{min-height:0;padding:4px 9px}html.full .soundInspector{padding:8px 12px;gap:5px;overflow:auto}html.full .soundInspector label{gap:2px}html.full .soundInspector input,html.full .soundInspector select{padding:5px 8px}html.full .soundInspector .micro{font-size:9px}
@media(max-width:900px){main{padding:16px}header h1{font-size:28px}.appActions{gap:10px}.makerBrand{width:115px}.transport{gap:7px}.transport #panic{margin-left:0}.transport button{padding:6px 9px;font-size:12px}.soundDesk{grid-template-columns:minmax(0,1fr) 260px}.trackHeaders{flex-basis:175px}.titleline{gap:8px}.helpCards{grid-template-columns:1fr 1fr}.titleline h2{font-size:20px}}
@media(max-width:600px){body{padding:8px}main{padding:12px}.appActions{flex-wrap:nowrap;width:auto}.appActions button{flex:none}header{align-items:center;flex-direction:row;gap:8px}header h1{font-size:25px;letter-spacing:-1px}.eyebrow{font-size:7px}.makerBrand{width:80px}.appActions #fullscreen{font-size:10px;padding:7px}.sessionBar{gap:6px}.sessionBar>span{flex-basis:100%}.themePicker select{max-width:140px;font-size:11px}.sessionBar button{font-size:11px}.appTabs{grid-template-columns:repeat(4,minmax(0,1fr))}.appTabs button{font-size:11px}.transport{gap:7px;padding:8px}.transport label{font-size:9px}.transport input[type=number]{width:56px}.position{min-width:80px;padding:5px}.position span{font-size:17px}.transportButtons{flex:1}.transportButtons button{flex:1}.page section{padding:14px 10px}.trackHeaders{flex-basis:145px}.trackRow{gap:2px}.trackRow button{font-size:9px;padding:1px 3px}.arrangement{min-height:395px}.soundDesk{grid-template-columns:1fr}.soundTracks{gap:4px}.soundTrack{min-height:36px}.soundTrack b{font-size:10px}.soundTrack small{display:none}.soundInspector{padding:12px}.noteInspector{gap:6px}.noteInspector>span{flex-basis:100%}.noteInspector input{width:58px}.noteInspector label{font-size:9px}.titleline label{max-width:140px}.titleline label select{max-width:140px}.rollScroll{height:330px}.drumScroll{height:400px}.connection{align-items:stretch;flex-direction:column}.connection select{max-width:none}.helpCards{gap:12px;grid-template-columns:1fr 1fr}.helpCards p{font-size:10px}.savedProject{flex-wrap:wrap}.savedProject span{flex-basis:100%}footer>span:last-child{display:none}.projectActions label{flex-basis:100%}}
/* Landscape phones get an instrument stage, uniformly scaled, never stretched. */
html.stage main{position:fixed;left:50%;top:50%;width:var(--stageW);height:var(--stageH);transform:translate(-50%,-50%) scale(var(--stageScale));transform-origin:center;max-width:none}html.stage .appTabs{grid-template-columns:repeat(8,minmax(0,1fr))}html.stage .sessionBar>span{flex-basis:auto}html.stage .soundDesk{grid-template-columns:minmax(0,1fr) 290px}html.stage .noteInspector>span{flex-basis:auto}html.stage .arrangement{min-height:0}html.stage .themePicker{flex:none}html.stage .titleline{flex-wrap:nowrap}html.stage .appActions{width:auto}html.stage .transportButtons{flex:none}html.stage header h1{font-size:30px}html.stage .makerBrand{width:125px}html.stage .soundInspector{overflow:auto}
.appActions{flex-wrap:nowrap;flex-shrink:0}.makerBrand{flex:0 0 auto;min-width:0}.timelineScroll{overflow-y:hidden}.trackHeaders{min-height:0}.trackRow{flex:1 1 0;line-height:1.1}html.full .trackRow{height:auto;min-height:0}html.full header{height:55px;min-height:55px;flex-shrink:0}html.full .appActions{flex-wrap:nowrap}html.full .trackRow button{padding:1px 4px;line-height:1.1}html.full .trackHeaders{overflow:hidden}.trackRow .trackSelect b{font-size:10px;font-weight:500}
.rollScroll{position:relative}.rollContent{position:relative;min-width:100%;min-height:100%}.rollContent canvas{position:sticky;top:0;left:0}
#offlineStatus.offlineReady{color:#c9d6a5}#offlineStatus.offlineReady:before{content:'● ';color:#c9d6a5}#installHelp{max-width:850px}
.barPager{display:flex;align-items:center;gap:6px;min-width:0;margin-top:8px;flex-wrap:wrap}.barPager button{padding:5px 10px;min-height:27px;font-size:11px}.barTabs{display:flex;gap:5px}.barTabs button.selected{background:#b9915d;color:#20170e;border-color:#edcf95}.barTabs button.isPlaying,.nowBlock.isPlaying{box-shadow:inset 0 -3px #a4c6a6;border-color:#a4c6a6}.barPager select{max-width:100px;padding:4px 7px;font-size:11px}.barPager label{font-size:10px}.barPager .nowBlock{margin-left:auto;color:#bed6bc}.editorActions{display:flex;align-items:end;gap:7px;flex-wrap:wrap}.editorActions .barPager{flex:1}.editorActions>button{font-size:11px;padding:5px 9px}.midiDialog{width:min(850px,95vw);max-width:850px;max-height:90dvh;overflow:auto}.midiDialog .connection{align-items:end}.midiDialog h2{margin:0}.midiDialog .midiOptions{gap:14px}.mixerSection{display:flex;flex-direction:column}.mixerLabels,.mixerRow{display:grid;grid-template-columns:minmax(140px,2fr) minmax(80px,1fr) minmax(80px,1fr) 44px 44px 65px;gap:14px;align-items:center}.mixerLabels{color:#b79f7e;font-size:10px;padding:6px 8px}.mixerRows{display:grid;grid-template-rows:repeat(16,minmax(24px,1fr));flex:1;min-height:0}.mixerRow{padding:2px 8px;border-top:1px solid #a38a6320}.mixerRow.selected{background:#ad8a4d20}.mixerRow button{padding:2px 7px;font-size:11px;min-height:22px}.mixerName{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;background:none;border-color:transparent}.mixerRow input[type=range]{min-height:18px;height:18px}.mixerRow .active{background:#ba9760;color:#1e160e}.recLed{font:10px monospace;color:#ab9780;text-align:center}.recLed.recording{color:#ffb1a0;text-shadow:0 0 8px #e44e3b66}.trackRow.recording .trackSelect{color:#ffc0ae}.trackRow.recording{box-shadow:inset 3px 0 #d96b59}#recordingChannel{font-size:11px;color:#d7b187}.screenApp .barPager{margin-top:4px}html.full .mixerSection{height:100%}html.full .mixerRows{grid-template-rows:repeat(16,minmax(20px,1fr))}html.full .mixerRow{gap:10px;padding:1px 6px}html.full .mixerRow button{min-height:19px;line-height:1.1}html.full .barPager{margin-top:5px}html.full .editorActions .barPager{margin-top:5px}html.full .editorSection>.titleline{flex-wrap:nowrap}html.full .editorSection>.titleline h2{font-size:18px}html.full .editorSection>.titleline label{font-size:10px}html.full .editorSection>.titleline select{padding:5px 7px;max-width:160px}
@media(max-width:600px){.mixerLabels,.mixerRow{grid-template-columns:minmax(100px,1.6fr) minmax(55px,1fr) minmax(55px,1fr) 28px 28px 36px;gap:4px}.mixerRow button{font-size:9px;padding:2px}.mixerRows{min-width:340px}.mixerSection{overflow:auto}.recLed{font-size:8px}.mixerLabels{font-size:8px}.barPager{gap:4px}.barPager button{padding:5px 7px;font-size:10px}.barTabs{gap:3px}.barPager .nowBlock{margin-left:0}.barPager label{font-size:9px}.editorActions{gap:5px}.barPager select{max-width:75px}}
.mapBadge{font:8px monospace;color:#b4d2b7;letter-spacing:.5px}.mapBadge:empty{display:none}
/* A desk, with sixteen independent vertical channel strips. */
.position #position{display:block;border:0;box-shadow:none;background:transparent;font:20px monospace;color:#f0cd82;padding:0;min-width:75px}.mixerRows,html.full .mixerRows{display:grid;grid-template-columns:repeat(16,minmax(58px,1fr));grid-template-rows:minmax(300px,1fr);gap:6px;overflow-x:auto;padding:8px;background:linear-gradient(#17130f,#36291c);border:1px solid #9a784a;border-radius:7px;margin-top:10px}.mixerRow,html.full .mixerRow{display:flex;flex-direction:column;gap:7px;padding:8px 5px;border:1px solid #68523a;border-top:2px solid #baa075;border-radius:5px;background:linear-gradient(100deg,#2b251e,#40362a 48%,#29221b);min-width:0;min-height:0;box-shadow:inset 1px 0 #ffffff0b,2px 2px 3px #0005}.mixerRow.selected{border-color:#e2bc7c;background:linear-gradient(100deg,#3b3021,#51412b 48%,#30271c)}.mixerRow .mixerName{width:100%;height:42px;min-height:42px;padding:0 2px;white-space:normal;line-height:1.25;font-size:10px;text-align:center;overflow:hidden;background:transparent;box-shadow:none;border:none;color:#ead9b9}.panWrap{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%;font:8px monospace;color:#bba17a}.panWrap input[type=range]{width:100%;height:20px;min-height:20px;margin:0;accent-color:#bba173}.mixerRow .recLed{height:14px;min-height:14px;font-size:9px}.faderWell{display:flex;justify-content:center;position:relative;flex:1;min-height:90px;width:100%;border-radius:5px;background:repeating-linear-gradient(to bottom,transparent 0,transparent 14px,#a88a5c44 15px,transparent 16px),linear-gradient(90deg,#211a13,#17130f 45%,#51422e 49%,#19140e 53%,#251e15);box-shadow:inset 0 1px 5px #000a;padding:8px 0}.faderWell input[type=range]{writing-mode:vertical-lr;direction:rtl;appearance:none;background:transparent;width:26px!important;height:100%!important;min-height:80px!important;margin:0;touch-action:none}.faderWell input::-webkit-slider-runnable-track{width:5px;background:#100d0a;border:1px solid #776246;border-radius:3px}.faderWell input::-webkit-slider-thumb{appearance:none;width:30px;height:18px;margin-left:-13px;border-radius:3px;border:1px solid #e3cf9c;background:linear-gradient(#dfcc9e,#9e865b 42%,#e6dab9 47%,#715c3d 53%,#b59a6b);box-shadow:0 3px 4px #0009}.faderWell input::-moz-range-track{width:5px;background:#100d0a}.faderWell input::-moz-range-thumb{width:28px;height:18px;border-radius:3px;background:#c1a77a;border:1px solid #e3cf9c}.faderValue{font:11px monospace;color:#d8c291;text-align:center;float:none;height:15px}.stripButtons{display:flex;gap:3px;width:100%}.stripButtons button{flex:1;padding:4px 2px;min-width:0;font-size:10px;min-height:24px}.stripButtons .active{background:#d2b075;color:#24190f;border-color:#f0d49e}html.full .mixerRows{margin-top:6px;grid-template-rows:minmax(260px,1fr)}html.full .mixerRow .mixerName{height:37px;min-height:37px}#studioPager{margin-left:210px}#studioPager .nowBlock{margin-left:auto}.editorActions button{white-space:nowrap}.noteInspector button{padding:5px 7px}.noteInspector{gap:6px}.transport #undoTake{font-size:10px;padding:6px 8px}.savedProject button{font-size:11px}.savedProject small{font-size:9px;letter-spacing:0}
@media(max-width:900px){#studioPager{margin-left:175px}.mixerRows{gap:4px}}
@media(max-width:600px){#studioPager{margin-left:145px;flex-wrap:wrap}.mixerRows,html.full .mixerRows{min-width:0;grid-template-columns:repeat(16,66px);grid-template-rows:minmax(320px,1fr)}.mixerSection{overflow:hidden}.noteInspector>span{font-size:10px}.transport #undoTake{font-size:9px}.position #position{font-size:17px;min-width:60px}.mixerRow,html.full .mixerRow{padding:7px 4px}.mixerRow .mixerName{font-size:9px}}
html.stage #studioPager{margin-left:210px}html.stage .mixerRows{grid-template-columns:repeat(16,minmax(58px,1fr));grid-template-rows:minmax(260px,1fr)}
/* Bound faders to the desk instead of their intrinsic vertical input size. */
.mixerRows{height:420px;flex:none}.faderWell input[type=range]{position:absolute;top:8px;bottom:8px;height:calc(100% - 16px)!important}.mixerRows,html.full .mixerRows{grid-auto-rows:0}html.full .mixerRows{height:auto;flex:1}#studioPager{position:relative}#studioPager>button:first-child{position:absolute;right:calc(100% + 6px);top:0}
/* Pan is a horizontal left-to-right control, independent of the vertical fader. */
.panWrap input[type=range],#pan{direction:ltr;writing-mode:horizontal-tb}.panWrap{position:relative}.panWrap:before,.panWrap:after{position:absolute;top:0;font:8px monospace;color:#dfcda9}.panWrap:before{content:'L';left:0}.panWrap:after{content:'R';right:0}
.faderWell:after{content:none}.faderWell input[type=range]{z-index:2}.midiMeter{position:absolute;left:50%;transform:translateX(-50%);top:8px;bottom:8px;width:9px;border-radius:2px;background:linear-gradient(to top,#b49a6455 calc(var(--volume,0)*100%),#100e0a calc(var(--volume,0)*100%));overflow:hidden;pointer-events:none;border:1px solid #7c704844}.midiMeter i{display:block;position:absolute;bottom:0;width:100%;height:calc(var(--level,0)*100%);background:linear-gradient(to top,#699978,#b5cc8b 70%,#e1ba65 92%,#d58c65);transition:height 55ms linear}.faderValue{font-weight:600}

.faderWell input::-webkit-slider-runnable-track{background:transparent;border-color:#77624655}.faderWell input::-moz-range-track{background:transparent}#clearProject{font-size:11px;padding:6px 10px;border-color:#98705a;color:#e4c0a8;white-space:nowrap}
/* Sequence 0.8: compact, musical workflow with the original cabinet. */
.recordStrip{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:6px 10px;background:#28251b;border:1px solid #8c7850;border-radius:6px;margin-bottom:7px}.recordStrip>span{flex:1;min-width:130px;max-width:360px;font:10px monospace;color:#e0c38d;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recordStrip label{display:flex;align-items:center;gap:5px;font-size:10px}.recordStrip select,.recordStrip button{font-size:10px;padding:5px 7px}.recordStrip #armTrack{max-width:150px}.recordStrip #sceneChoose{max-width:120px}.songTools{display:flex;align-items:center;gap:7px;margin-top:6px;min-height:27px;flex-wrap:wrap}.songTools label{display:flex;align-items:center;gap:5px}.songTools select{max-width:190px}.songTools button,.songTools select,.panelFoot button{padding:4px 7px;font-size:10px}.songTools #sceneStatus{margin-left:auto;font-size:10px;color:#adc6ad}.panelFoot{flex-wrap:wrap;gap:6px}.panelFoot>span{flex:1;min-width:100px;font-size:10px}.feelTools{display:flex;gap:15px;align-items:center;margin-top:6px;flex-wrap:wrap}.feelTools label{display:flex;align-items:center;gap:6px;font-size:9px}.feelTools input{width:80px}.feelTools span{margin-left:auto;font-size:9px;color:#b7a486}.feelTools output{font:9px monospace;width:30px}.laneHeader{display:flex;align-items:center;gap:10px;margin-top:4px;font-size:9px;color:#bfab88}.laneHeader label{display:flex;align-items:center;gap:6px}.laneHeader select,.laneHeader button{padding:3px 6px;font-size:9px}.laneHeader span{flex:1}.laneHeader select{max-width:95px}#velocityLane{width:100%;height:58px;min-height:40px;flex:none;touch-action:none;border:1px solid #5e4b33;border-radius:4px;margin-top:3px}.noteContext{display:flex;align-items:center;gap:5px;padding:4px 8px;background:#34413b;border:1px solid #82947b;border-radius:4px;margin-top:5px}.noteContext span{font-size:10px;flex:1;color:#d9e6d3}.noteContext button{padding:4px 7px;font-size:10px}.scenesDialog{width:min(800px,94vw);max-width:800px;max-height:90dvh;overflow:auto}#sceneMatrix{display:grid;grid-template-columns:1fr 1fr;gap:7px 15px;margin:12px 0}#sceneMatrix label{display:flex;align-items:center;gap:6px}#sceneMatrix select{flex:1;min-width:0;font-size:11px;padding:5px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 0}dialog .toolbar{margin-top:12px}dialog input[type=number]{width:100%}#quickSoundDialog>label select{width:100%}#timeline{touch-action:none;cursor:grab}#roll{touch-action:none}html.full .recordStrip{margin:0;flex:none;padding:4px 8px;gap:6px}html.full .recordStrip button,html.full .recordStrip select{padding:4px 6px;font-size:9px}html.full .songTools{margin-top:3px;min-height:22px}html.full #studioPager{margin-top:2px}html.full .panelFoot{margin-top:4px}html.full .trackRow{min-height:9px}html.full .trackRow button{font-size:9px}html.full .feelTools{margin-top:4px;gap:10px}html.full .noteInspector{gap:5px;flex-wrap:nowrap}html.full .noteInspector input{width:54px;padding:4px;font-size:10px}html.full .noteInspector button{font-size:9px;padding:4px 6px}html.full .noteInspector>span{font-size:9px}html.full #velocityLane{height:44px;min-height:35px}html.full .editorSection>.micro{display:none}html.full .rollScroll{min-height:65px}html.stage .recordStrip{flex-wrap:nowrap}html.stage .feelTools{flex-wrap:nowrap}html.stage .panelFoot{flex-wrap:nowrap}
@media(pointer:coarse){.noteContext button{min-height:32px}.noteInspector input{min-height:30px}.trackRow .trackSelect{padding-top:3px;padding-bottom:3px}}@media(max-width:600px){.recordStrip{gap:5px}.recordStrip>span{flex-basis:100%;max-width:none}.recordStrip #armTrack{max-width:125px}.feelTools{gap:8px}.feelTools span{flex-basis:100%}.feelTools input{width:65px}.laneHeader span{display:none}.noteContext{flex-wrap:wrap}.noteContext button{font-size:9px;padding:5px}#sceneMatrix{grid-template-columns:1fr}.songTools #sceneStatus{flex-basis:100%}.panelFoot button{min-height:29px}.fields{grid-template-columns:1fr}html.stage .recordStrip>span{flex-basis:auto}html.stage .feelTools span{flex-basis:auto}html.stage .songTools #sceneStatus{flex-basis:auto}html.stage .noteContext{flex-wrap:nowrap}html.stage .laneHeader span{display:block}}
/* Selection actions live together in the context bar. */
#copyNotes,#deleteNote{display:none}.recordStrip>span{font-size:10px}html.full .recordStrip button,html.full .recordStrip select{font-size:10px}
.feelTools #touchNotes{font-size:10px;padding:4px 7px;white-space:nowrap}html.full .feelTools #touchNotes{font-size:9px}
.noteContext:not([hidden])~.noteInspector #pasteNotes{display:none}
.importSourceDialog{width:min(720px,94vw);max-width:720px;max-height:90dvh;overflow:auto}.importSources{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:14px 0}.importSources button{display:flex;flex-direction:column;align-items:flex-start;gap:5px;padding:13px 15px;text-align:left;min-height:70px}.importSources b{font-size:13px}.importSources span{font-size:10px;color:#c5b18e}.importSources button[aria-pressed=true]{background:#5a4930;border-color:#e0bf86;box-shadow:inset 0 0 0 1px #d6b47c}.importAll{font-size:11px;white-space:normal;margin:13px 0}.importFallback{margin-top:16px;font-size:11px;color:#c9b392;line-height:1.7}.importFallback summary{cursor:pointer;color:#dfc390}.importDrop{padding:12px 15px;margin-top:12px;border:1px dashed #927446;border-radius:6px;font-size:11px;color:#d0b88e;cursor:pointer;background:#211b1599}.importDrop.dragOver{background:#4b5b42;border-color:#b8cca5}.importDrop:focus-visible{outline:2px solid #d8bd86}html.full .importDrop{padding:7px 10px;margin-top:8px}@media(max-width:600px){.importSources{gap:7px}.importSources button{padding:11px;min-height:78px}.importSources b{font-size:12px}.importSources span{font-size:10px}.importSourceDialog{padding:18px}.importSourceDialog .titleline{flex-wrap:nowrap}.importSourceDialog h2{font-size:20px}}