[hidden]{display:none!important}.stage-nav{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:20px 0}.stage-nav>button{padding:10px 15px;border-radius:7px;background:#172233;color:#a5b6cc;border:1px solid #304058;font-size:12px}.stage-nav>button[aria-pressed=true]{background:#b9f881;color:#18251a}.stage-nav>span{margin-left:auto;font-size:12px;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.stage-nav>small{font-size:10px;color:#7c8fa8}.midi-editor{min-width:0;overflow:hidden}.midi-editor h2{font-size:22px;max-width:550px;overflow-wrap:anywhere}.midi-editor #midiSummary{font-size:11px;color:#97a8c1;margin:9px 0 0}.midi-editor .editor-heading{gap:16px;align-items:center}.midi-editor .editor-heading>.primary{white-space:nowrap}.midi-quality,.midi-hint{font-size:11px;line-height:1.7;color:#96aac2;margin:14px 20px}.midi-tracks{margin:12px 20px;display:grid;gap:7px}.midi-track{display:flex;align-items:center;gap:9px;padding:10px 12px;background:#111c2c;border:1px solid #2b3a50;border-radius:7px}.track-swatch{width:5px;height:32px;background:var(--track);border-radius:2px}.track-name{flex:1;min-width:90px}.track-name strong{display:block;color:#dce6f4;font-size:12px}.track-name small{display:block;margin-top:4px;font-size:9px;color:#8398b4}.midi-track>button{font-size:10px;color:#b3c4d9;background:#1e2c40;border:1px solid #394962;border-radius:4px;padding:6px 8px}.midi-track>button[aria-pressed=true]{background:var(--track);color:#11221a}.midi-track.muted .track-name{opacity:.45}.midi-track>label{font-size:8px;color:#8a9eb9;display:flex;flex-direction:column;gap:3px}.midi-track select{font-size:10px;padding:4px;width:75px}.midi-transport,.midi-roll-tools{display:flex;align-items:center;gap:12px;margin:18px 20px;flex-wrap:wrap}.midi-transport span{font-size:11px;color:#acbad0}.midi-transport>input{flex:1;min-width:100px}.midi-roll-tools label{display:flex;gap:8px;align-items:center;font-size:10px;color:#8fa4bf}.midi-roll-tools select{font-size:11px;width:155px}.midi-roll-tools input{width:90px}.midi-roll-tools button{font-size:10px}.midi-editor canvas{display:block;width:100%;height:340px;cursor:crosshair;touch-action:pan-y}.midi-editor #midiScroll{overflow-x:auto;height:16px;scrollbar-color:#5a7355 #172233}.midi-editor #midiScrollSpace{height:1px}.midi-inspector{display:flex;flex-wrap:wrap;gap:10px;padding:14px 20px;background:#1b293b}.midi-inspector label{font-size:10px;display:flex;flex-direction:column;gap:5px;color:#b4c3d8}.midi-inspector input[type=number]{width:90px;background:#0e1827;border:1px solid #3a4a60;border-radius:4px;color:#fff;padding:7px}.midi-inspector .checkbox{flex-direction:row;align-items:center}.midi-original{border-top:1px solid #29394f;padding:16px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.midi-original audio{height:32px;max-width:100%}.midi-original span{font-size:10px;color:#879bb7;overflow-wrap:anywhere}.midi-original label{cursor:pointer}#saveMidiSource{margin-bottom:10px}.midi-editor .primary{font-size:11px}@media(max-width:700px){.midi-tracks{margin:10px}.midi-track{gap:5px;flex-wrap:wrap}.midi-track>label{flex-direction:row;align-items:center;margin-left:15px}.midi-editor .editor-heading{flex-direction:column;align-items:flex-start}.stage-nav>span{width:100%;max-width:100%;margin:0}.midi-inspector{padding:12px}.midi-roll-tools{margin:12px}}

.midi-editor{width:100%;max-width:100%}.midi-editor #midiScroll{width:100%;max-width:100%}.midi-editor .editor-heading>div{min-width:0}.midi-editor h2{max-width:100%;white-space:normal}.stage-nav{max-width:100%}

.midi-track{flex-wrap:wrap}.drum-editor{width:100%;border-top:1px solid #304057;padding-top:12px;margin-top:4px}.drum-editor>summary{font-size:11px;color:#cedaeb;cursor:pointer}.drum-editor p{color:#869db8;font-size:10px;line-height:1.7;margin:9px 0}.drum-format{display:flex;gap:10px;align-items:center;font-size:10px;color:#a5b6ce;margin-top:12px;flex-wrap:wrap}.drum-format select{width:auto;max-width:100%}.drum-sounds{display:grid;grid-template-columns:repeat(auto-fit,minmax(255px,1fr));gap:7px}.drum-sound{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:7px;background:#182538;border-left:3px solid var(--drum);border-radius:4px}.drum-sound label{display:flex;gap:7px;align-items:center;font-size:10px;color:#c6d5e8;min-width:0}.drum-sound small{display:block;font-size:8px;color:#869cb7;margin-top:3px}.drum-sound select{width:125px;flex-shrink:0;font-size:9px}.drum-editor>button{background:none;border:0;color:#9ab78b;font-size:10px;margin-top:10px;cursor:pointer}@media(max-width:420px){.drum-sounds{grid-template-columns:1fr}.drum-sound{flex-wrap:wrap}.drum-sound select{width:100%}}