:root{
  --bg:#0a0d13;--panel:#111722;--panel2:#182131;--panel3:#202b3d;--line:#2b374a;
  --ink:#f1f5fb;--muted:#8d99aa;--accent:#74e2aa;--accent2:#7bb7ff;--warn:#ffcc66;--danger:#ff7186;
  --safe-top:env(safe-area-inset-top);--safe-bottom:env(safe-area-inset-bottom);
  --C:#ff7d91;--D:#f3b268;--E:#ffe06d;--F:#72d99b;--G:#66d6e6;--A:#79a7ff;--B:#c18fff;
  --score-h:clamp(176px,30dvh,236px);
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;width:100%;height:100%;overflow:hidden;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overscroll-behavior:none}
body{touch-action:manipulation}button,input,select,textarea{font:inherit;color:inherit}button{border:0;cursor:pointer;user-select:none;-webkit-user-select:none}input,select,textarea{font-size:16px}
#app{height:100dvh;display:flex;flex-direction:column;overflow:hidden;padding-bottom:var(--safe-bottom)}
.topbar{flex:none;height:calc(44px + var(--safe-top));padding:var(--safe-top) 7px 0;display:grid;grid-template-columns:38px minmax(0,1fr) 58px;gap:5px;align-items:center;background:rgba(10,13,19,.98);border-bottom:1px solid var(--line);z-index:40}
.top-icon,.audio-button{height:34px;border-radius:9px;background:var(--panel2);color:var(--muted);font-weight:800}.top-icon{font-size:18px}.audio-button{font-size:10px;border:1px solid var(--line)}.audio-button[data-state="ready"],.audio-button[data-state="playing"]{color:var(--accent);border-color:#3f8365;background:#10251d}.audio-button[data-state="error"]{color:var(--danger);border-color:#7c3542}
.title-wrap{min-width:0;display:grid;gap:1px}.title-wrap small{font-size:7px;letter-spacing:.16em;color:var(--muted)}.title-wrap strong{font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.song-switcher{flex:none;height:45px;display:grid;grid-template-columns:48px minmax(0,1fr) 38px;gap:4px;align-items:center;padding:4px 6px;border-bottom:1px solid var(--line);background:#0d121a;z-index:30}.folder-quick,.rail-add{height:34px;border-radius:8px;background:var(--panel2);color:var(--muted);font-size:9px;font-weight:850;overflow:hidden}.rail-add{font-size:18px;color:var(--accent)}.song-rail{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.song-rail::-webkit-scrollbar{display:none}.song-chip{height:34px;flex:0 0 auto;max-width:150px;padding:0 11px;border-radius:8px;background:transparent;color:var(--muted);font-size:10px;font-weight:760;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border:1px solid transparent}.song-chip.active{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.library-panel{position:fixed;left:0;right:0;top:calc(44px + var(--safe-top));height:min(56dvh,480px);z-index:80;background:#0f151f;border-bottom:1px solid var(--line);box-shadow:0 18px 42px rgba(0,0,0,.45);transform:translateY(-110%);transition:transform .2s ease;display:grid;grid-template-rows:44px auto minmax(0,1fr);padding:0 8px 8px}.library-panel.open{transform:translateY(0)}.library-head{display:flex;align-items:center;justify-content:space-between}.plain-button{height:30px;padding:0 12px;border-radius:7px;background:var(--panel2);color:var(--muted);font-size:11px}.library-filters{display:grid;grid-template-columns:minmax(0,1fr) 92px 90px;gap:5px;padding-bottom:7px}.library-filters input,.library-filters select{height:36px;min-width:0;background:var(--panel2);border:1px solid var(--line);border-radius:8px;padding:0 8px}.library-list{min-height:0;overflow:auto;display:grid;align-content:start;gap:5px}.library-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.library-row.active{border-color:var(--accent)}.library-row button:first-child{min-width:0;text-align:left;background:none}.library-row b,.library-row small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-row small{color:var(--muted);font-size:9px;margin-top:2px}.library-row .move-buttons{display:flex;gap:3px}.library-row .move-buttons button{width:29px;height:29px;border-radius:7px;background:var(--panel2);color:var(--muted)}
.scrim{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.48)}
main{flex:1;min-height:0;overflow:hidden;width:100%;max-width:900px;margin:0 auto;padding:5px 6px}
.bottom-tabs{flex:none;height:calc(52px + var(--safe-bottom));display:grid;grid-template-columns:repeat(6,1fr);padding:3px 3px var(--safe-bottom);gap:1px;border-top:1px solid var(--line);background:rgba(10,13,19,.99);z-index:35}.bottom-tabs button{min-width:0;border-radius:8px;background:transparent;color:var(--muted);display:grid;place-items:center;align-content:center;gap:1px}.bottom-tabs span{font-size:15px;line-height:1}.bottom-tabs b{font-size:7px;letter-spacing:.03em}.bottom-tabs button.active{background:var(--ink);color:var(--bg)}
#toast{position:fixed;left:50%;bottom:calc(61px + var(--safe-bottom));z-index:120;transform:translate(-50%,14px);opacity:0;pointer-events:none;transition:.18s;padding:8px 13px;border-radius:9px;background:#f5f7fa;color:#111722;font-size:11px;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.35)}#toast.on{opacity:1;transform:translate(-50%,0)}

/* shared display */
.pitch-readout{height:45px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;padding:5px 9px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(135deg,#111925,#151f2e)}.pitch-main{display:flex;align-items:baseline;gap:8px;min-width:0}.pitch-main strong{font-size:22px;line-height:1;white-space:nowrap}.pitch-main span{font-size:10px;color:var(--muted);white-space:nowrap}.pitch-meta{text-align:right}.pitch-meta b{display:block;font-size:10px}.pitch-meta small{display:block;color:var(--muted);font-size:8px}.pitch-meter{height:3px;grid-column:1/-1;border-radius:9px;background:#263246;overflow:hidden}.pitch-meter i{display:block;height:100%;width:0;background:var(--accent);transition:width .05s linear}
.home-page{height:100%;display:grid;grid-template-rows:45px minmax(0,var(--score-h)) minmax(0,1fr);gap:5px;overflow:hidden}.editor-page{height:100%;display:flex;flex-direction:column;gap:5px;overflow:hidden}.editor-page>.score-shell{flex:0 0 var(--score-h);min-height:145px}.editor-page>.instrument-panel{flex:1 1 auto;min-height:118px}.editor-page.lyrics-on>.score-shell{flex-basis:clamp(145px,27dvh,210px)}
.score-shell{position:relative;min-height:0;border:1px solid var(--line);border-radius:10px;background:#0f151f;overflow:hidden}.score-topline{position:absolute;left:0;right:0;top:0;height:27px;z-index:5;display:flex;align-items:center;gap:4px;padding:3px 5px;background:rgba(15,21,31,.94);border-bottom:1px solid var(--line)}.score-topline strong{font-size:9px;margin-right:auto}.score-topline button{height:21px;padding:0 7px;border-radius:6px;background:var(--panel2);color:var(--muted);font-size:8px;font-weight:800}.score-topline button.on{color:var(--accent)}.score-scroll{position:absolute;inset:27px 0 0;overflow:auto;overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-width:none}.score-scroll::-webkit-scrollbar{display:none}.score-canvas{position:relative;min-width:100%;height:100%;background-color:#101722;background-image:linear-gradient(to right,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(to right,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.035) 1px,transparent 1px);background-size:var(--beat-px,48px) 100%,calc(var(--beat-px,48px)/4) 100%,100% 24px}.section-band{position:absolute;top:0;height:21px;border-left:2px solid var(--section-color,var(--accent2));background:rgba(123,183,255,.08);padding:2px 5px;font-size:8px;font-weight:850;white-space:nowrap;overflow:hidden}.pitch-label{position:absolute;left:2px;z-index:2;font-size:7px;color:#8e9aac;background:rgba(10,13,19,.7);padding:1px 3px;border-radius:3px;pointer-events:none}.note-bar{position:absolute;height:16px;min-width:8px;border-radius:5px;background:var(--note-color,#79a7ff);box-shadow:0 2px 7px rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.35);display:flex;align-items:center;padding:0 4px;overflow:hidden;color:#071018;font-size:8px;font-weight:900;touch-action:none;user-select:none}.note-bar.selected{outline:2px solid #fff;z-index:7}.note-bar.playing{filter:brightness(1.35);box-shadow:0 0 0 2px var(--accent),0 0 16px rgba(116,226,170,.65)}.note-bar .bar-lyric{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.playhead{position:absolute;top:0;bottom:0;width:2px;background:#fff;z-index:8;pointer-events:none;box-shadow:0 0 8px rgba(255,255,255,.75)}.cursor-head{position:absolute;top:21px;width:2px;bottom:0;background:var(--warn);z-index:6;pointer-events:none}.lyric-lane{position:absolute;left:0;right:0;bottom:0;height:25px;border-top:1px solid rgba(255,255,255,.12);background:rgba(8,11,17,.82)}.lyric-token{position:absolute;bottom:3px;height:18px;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--ink)}.score-empty{position:absolute;inset:21px 0 0;display:grid;place-items:center;color:var(--muted);font-size:10px}
.note-inspector{position:absolute;left:50%;bottom:5px;z-index:15;transform:translateX(-50%);width:min(96%,430px);padding:5px;border:1px solid #53647b;border-radius:10px;background:rgba(20,29,42,.98);box-shadow:0 12px 28px rgba(0,0,0,.42);display:grid;grid-template-columns:auto repeat(6,1fr);gap:4px;align-items:center}.note-inspector .ins-note{font-size:10px;font-weight:900;padding:0 4px}.note-inspector button{height:30px;border-radius:7px;background:var(--panel3);font-size:10px;font-weight:850}.note-inspector .delete-note{color:var(--danger)}.note-inspector input{grid-column:1/-1;height:32px;border:1px solid var(--line);border-radius:7px;background:var(--panel2);padding:0 8px}

/* transport */
.transport{min-height:0;display:grid;grid-template-rows:42px 28px 36px 32px;align-content:start;gap:5px;padding:6px;border:1px solid var(--line);border-radius:10px;background:var(--panel);overflow:hidden}.transport-main{display:grid;grid-template-columns:52px 38px 38px minmax(0,1fr);gap:5px}.transport-main button{height:42px;border-radius:9px;background:var(--panel2);color:var(--muted);font-weight:850}.transport-main .play{background:var(--accent);color:#07130d;font-size:18px}.transport-main .play.playing{background:var(--warn)}.transport-time{display:grid;align-content:center;gap:2px;padding:0 6px;border:1px solid var(--line);border-radius:9px}.transport-time b{font-size:11px}.transport-time small{font-size:8px;color:var(--muted)}.seek-row{display:grid;grid-template-columns:36px minmax(0,1fr) 36px;align-items:center;gap:5px}.seek-row span{font-size:8px;color:var(--muted);text-align:center}.seek-row input{width:100%}.transport-options{display:grid;grid-template-columns:80px minmax(0,1fr) 90px 86px;gap:5px;align-items:center}.compact-control{height:36px;display:grid;grid-template-columns:28px 1fr 28px;align-items:center;border:1px solid var(--line);border-radius:8px;overflow:hidden}.compact-control button{height:100%;background:var(--panel2);color:var(--muted);font-weight:900}.compact-control b{text-align:center;font-size:9px}.volume-control{height:36px;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:5px;padding:0 7px;border:1px solid var(--line);border-radius:8px;color:var(--muted);font-size:8px}.volume-control input{min-width:0;width:100%}.tone-select,.transpose-reset{height:36px;min-width:0;border:1px solid var(--line);border-radius:8px;background:var(--panel2);padding:0 5px;font-size:9px}.transport-secondary{display:grid;grid-template-columns:1fr 1fr 1fr;gap:5px}.transport-secondary button{height:32px;border-radius:8px;background:var(--panel2);color:var(--muted);font-size:9px;font-weight:800}.transport-secondary button.on{color:var(--accent);border:1px solid #38765a}

/* editor controls */
.editor-head{display:grid;grid-template-columns:auto auto auto minmax(0,1fr) auto;gap:4px;align-items:center}.editor-head button,.editor-head select{height:32px;border-radius:8px;background:var(--panel2);border:1px solid var(--line);padding:0 8px;font-size:9px;font-weight:800;min-width:0}.editor-head .record.on{background:var(--danger);color:white}.editor-head .lyrics-toggle.on{background:#3a2c12;color:var(--warn);border-color:#735722}.cursor-readout{text-align:center;font-size:9px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-actions{display:grid;grid-template-columns:42px 42px 42px minmax(0,1fr) 72px 72px;gap:4px}.edit-actions button,.edit-actions select{height:34px;border-radius:8px;background:var(--panel2);border:1px solid var(--line);color:var(--muted);font-size:9px;font-weight:800;min-width:0}.edit-actions button:disabled{opacity:.35}.edit-actions .clear{color:var(--danger)}.edit-actions .snap-button.on{color:var(--accent)}.snap-panel{display:grid;grid-template-columns:90px minmax(0,1fr) auto;gap:6px;align-items:center;padding:5px 7px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.snap-panel select{height:32px;border:1px solid var(--line);border-radius:7px;background:var(--panel2)}.snap-panel label{display:grid;grid-template-columns:auto 1fr auto;gap:5px;align-items:center;font-size:8px;color:var(--muted)}.snap-panel input{width:100%}.snap-panel button{height:30px;border-radius:7px;background:var(--panel2);color:var(--muted)}
.lyrics-panel{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:5px;padding:5px;border:1px solid #5f4920;border-radius:9px;background:#211a0e}.lyrics-panel textarea{height:42px;resize:none;border:1px solid #6f5628;border-radius:7px;background:#171208;padding:5px 7px}.lyrics-panel button{height:42px;padding:0 9px;border-radius:7px;background:#3a2c12;color:var(--warn);font-size:9px;font-weight:850}.lyrics-panel label{display:flex;align-items:center;gap:3px;font-size:8px;color:#c7ab73}
.instrument-panel{min-height:0;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:var(--panel)}

/* piano */
.piano-panel{height:100%;display:grid;grid-template-rows:28px minmax(0,1fr)}.piano-rail{display:grid;grid-template-columns:60px minmax(0,1fr) 60px;align-items:center;gap:5px;padding:2px 5px;border-bottom:1px solid var(--line);font-size:8px;color:var(--muted)}.piano-rail input{width:100%}.piano-rail button{height:23px;border-radius:6px;background:var(--panel2);color:var(--muted);font-size:8px}.keyboard-wrap{min-height:0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;background:#242a31}.keyboard-wrap::-webkit-scrollbar{display:none}.keyboard{position:relative;height:100%;min-height:145px;touch-action:pan-x}.white-key,.black-key{position:absolute;top:0;display:flex;align-items:flex-end;justify-content:center;padding:0 1px 7px;border:1px solid #20242a;font-size:8px;font-weight:850;user-select:none;-webkit-user-select:none;touch-action:pan-x}.white-key{height:100%;background:#f0f1ed;color:#20242a}.black-key{z-index:3;height:62%;background:#11151b;color:#dce2ea;border-radius:0 0 5px 5px}.white-key.on,.black-key.on{background:var(--key-color,var(--accent));color:#07110c}.key-dot{width:8px;height:8px;border-radius:50%;background:var(--key-color);margin-bottom:3px}

/* keypad */
.keypad-panel{height:100%;display:grid;grid-template-columns:46px repeat(3,minmax(0,1fr)) 46px;grid-template-rows:repeat(4,minmax(0,1fr));gap:4px;padding:4px;touch-action:none}.pad-key,.pad-side{min-width:0;min-height:0;border-radius:10px;background:var(--panel2);border:1px solid var(--line);overflow:hidden}.pad-key{box-shadow:inset 0 -4px 0 rgba(0,0,0,.16);position:relative}.pad-key::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--key-color)}.pad-key b,.pad-key small{display:block;pointer-events:none}.pad-key b{font-size:14px}.pad-key small{font-size:7px;color:var(--muted);margin-top:2px}.pad-key.on{background:color-mix(in srgb,var(--key-color) 34%,var(--panel2));outline:2px solid var(--key-color)}.pad-side{font-size:8px;font-weight:900;color:var(--muted);padding:2px}.pad-side.on{color:var(--accent);border-color:#4d9d78;background:#14281f}.pad-side.accidental.on{color:#07110c;background:var(--accent)}

/* ribbon */
.ribbon-panel{height:100%;display:grid;grid-template-rows:40px minmax(0,1fr) 34px;gap:5px;padding:5px}.ribbon-head{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:5px;align-items:center}.ribbon-head button{height:36px;border-radius:8px;background:var(--panel2);color:var(--muted);font-size:9px;font-weight:850}.ribbon-window{text-align:center}.ribbon-window b{display:block;font-size:13px}.ribbon-window small{color:var(--muted);font-size:8px}.pitch-ribbon{position:relative;min-height:0;border-radius:13px;background:linear-gradient(90deg,#283247,#151c29 50%,#283247);overflow:hidden;touch-action:none;box-shadow:inset 0 0 0 1px var(--line)}.ribbon-segment{position:absolute;top:0;bottom:0;border-left:1px solid rgba(255,255,255,.11);display:flex;align-items:flex-end;justify-content:center;padding-bottom:7px;font-size:8px;color:var(--muted)}.ribbon-segment.black{background:rgba(0,0,0,.18)}.ribbon-fill{position:absolute;left:0;top:0;bottom:0;background:linear-gradient(90deg,rgba(116,226,170,.12),rgba(116,226,170,.42));pointer-events:none}.ribbon-cursor{position:absolute;top:0;bottom:0;width:3px;background:#fff;box-shadow:0 0 13px #fff;pointer-events:none}.ribbon-help{display:grid;grid-template-columns:1fr auto;align-items:center;color:var(--muted);font-size:8px}.ribbon-help button{height:30px;border-radius:7px;background:var(--panel2);color:var(--muted);font-size:8px}

/* dictionary */
.dictionary-page{height:100%;display:grid;grid-template-rows:auto 36px minmax(0,1fr);gap:5px;overflow:hidden}.dictionary-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px}.dictionary-head input{height:38px;border:1px solid var(--line);border-radius:9px;background:var(--panel2);padding:0 9px}.dictionary-head button{height:38px;border-radius:9px;background:var(--panel2);color:var(--muted);font-size:9px}.pitch-filter{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}.pitch-filter::-webkit-scrollbar{display:none}.pitch-filter button{flex:0 0 auto;height:34px;padding:0 10px;border-radius:8px;background:var(--panel2);color:var(--muted);font-size:9px;font-weight:850;border-left:4px solid var(--pitch-color,var(--line))}.pitch-filter button.on{background:var(--ink);color:var(--bg)}.dictionary-list{min-height:0;overflow:auto;display:grid;align-content:start;gap:5px;padding-bottom:5px}.dict-row{display:grid;grid-template-columns:52px minmax(0,1fr) 36px;gap:7px;align-items:center;padding:7px;border:1px solid var(--line);border-radius:9px;background:var(--panel)}.dict-pitch{height:38px;border-radius:8px;display:grid;place-items:center;background:var(--pitch-color);color:#071018;font-weight:900;font-size:10px}.dict-copy{min-width:0}.dict-copy b,.dict-copy span,.dict-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dict-copy b{font-size:11px}.dict-copy span{font-size:10px;color:var(--ink)}.dict-copy small{font-size:8px;color:var(--muted)}.dict-row .dict-play{width:34px;height:34px;border-radius:8px;background:var(--panel2);color:var(--accent)}.empty-card{height:100%;display:grid;place-items:center;text-align:center;color:var(--muted);font-size:11px;padding:20px}

/* settings */
.settings-page{height:100%;overflow:auto;padding-bottom:8px}.setting-card{border:1px solid var(--line);border-radius:10px;background:var(--panel);padding:8px;margin-bottom:6px}.setting-card h2{font-size:12px;margin:0 0 7px}.setting-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}.setting-row{display:grid;gap:4px;color:var(--muted);font-size:9px}.setting-row input,.setting-row select{width:100%;height:38px;border:1px solid var(--line);border-radius:8px;background:var(--panel2);padding:0 8px}.setting-actions{display:grid;grid-template-columns:1fr 1fr;gap:5px}.setting-actions button,.setting-card>button{height:38px;border-radius:8px;background:var(--panel2);color:var(--muted);font-size:9px;font-weight:850}.setting-actions .primary{background:var(--accent);color:#07130d}.setting-actions .danger{color:var(--danger)}.backup-list{display:grid;gap:4px;margin-top:6px}.backup-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:4px;align-items:center;padding:6px;border:1px solid var(--line);border-radius:8px}.backup-row span{font-size:8px;color:var(--muted)}.backup-row button{height:29px;border-radius:6px;background:var(--panel2);color:var(--muted);font-size:8px}.diagnostics{font-size:9px;color:var(--muted);line-height:1.6}.danger-note{color:var(--danger);font-size:8px}

@media (max-height:720px){:root{--score-h:178px}.pitch-readout{height:40px}.home-page{grid-template-rows:40px 235px minmax(0,1fr)}.transport{padding:4px;gap:3px}.transport-main button{height:38px}.editor-head button,.editor-head select{height:29px}.edit-actions button,.edit-actions select{height:31px}.lyrics-panel textarea,.lyrics-panel button{height:36px}.bottom-tabs{height:calc(48px + var(--safe-bottom))}.song-switcher{height:41px}.song-chip,.folder-quick,.rail-add{height:31px}}
@media (min-width:700px){main{padding:7px 10px}.bottom-tabs{max-width:900px;margin:0 auto;width:100%;border-left:1px solid var(--line);border-right:1px solid var(--line)}.song-switcher{max-width:900px;margin:0 auto;width:100%;border-left:1px solid var(--line);border-right:1px solid var(--line)}}
@supports not (color:color-mix(in srgb,red 10%,blue)){.pad-key.on{background:#2a394b}}
@media (max-height:600px){
  .home-page{grid-template-rows:40px 190px minmax(0,1fr)}
  .transport{grid-template-rows:38px 24px 34px 28px;gap:3px;padding:4px}
  .transport-main button{height:38px}.transport-secondary button{height:28px}
  .seek-row{gap:3px}.transport-options{gap:3px}.transport-secondary{gap:3px}
}
@media (max-width:340px){
  .edit-actions{grid-template-columns:34px 34px 44px minmax(48px,1fr) 62px 62px;gap:3px}
  .edit-actions button,.edit-actions select{font-size:7px;padding:0 2px}
  .editor-head{grid-template-columns:auto auto auto minmax(0,1fr) auto;gap:3px}
  .editor-head button,.editor-head select{padding:0 6px;font-size:8px}
  .transport-options{grid-template-columns:80px minmax(0,1fr) 88px 82px}
  .volume-control{padding:0 4px;gap:2px}
}