@font-face{font-family:CVMusic;src:url(data:font/woff2;base64,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) format("woff2");font-display:block}.smufl{font-family:CVMusic}:root{--bg: #14161a;--panel: #1c1f26;--panel2: #232732;--line: #2c313c;--txt: #e7e9ee;--dim: #8b91a0;--accent: #f2b035;--accent2: #36c2b4;--cursor: #f2b035;--change: #ffffff;--hold: #9aa0ad;--loop: rgba(54, 194, 180, .18);--loopline: #36c2b4}*{box-sizing:border-box}html,body{margin:0;height:100%;background:var(--bg);color:var(--txt);font:14px/1.4 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow:hidden;-webkit-text-size-adjust:100%;touch-action:manipulation}#root{height:100%}.app{display:flex;flex-direction:column;height:100%}button{font:inherit;color:inherit;cursor:pointer}#topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 16px;background:var(--panel);border-bottom:1px solid var(--line);flex:0 0 auto;flex-wrap:wrap}#topbar .meta{display:flex;align-items:center;gap:10px;min-width:0;flex-wrap:wrap}#topbar .title{font-weight:600;font-size:16px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:38vw;cursor:text}#topbar .title-edit{font-weight:600;font-size:16px;max-width:38vw;background:var(--panel2);color:var(--txt);border:1px solid var(--accent);border-radius:6px;padding:1px 6px;outline:none}.badge{background:var(--panel2);color:var(--dim);border:1px solid var(--line);border-radius:6px;padding:2px 8px;font-size:12px;white-space:nowrap}.badge-btn{cursor:pointer}.badge-btn:hover{border-color:var(--accent);color:var(--txt)}.badge.key-edit{display:inline-flex;gap:4px;padding:1px 4px}.badge.key-edit select{background:var(--panel2);color:var(--txt);border:1px solid var(--line);border-radius:4px;font-size:12px;padding:1px 2px}#topbar .tools{display:flex;align-items:center;gap:18px}.tool{display:flex;flex-direction:column;gap:3px}.tool>label{font-size:11px;color:var(--dim);text-transform:uppercase;letter-spacing:.04em}.tool .val{color:var(--txt);font-variant-numeric:tabular-nums}.tool .hint{font-size:11px;color:var(--accent2);min-height:14px}.stepper{display:flex;align-items:center;gap:6px}.stepper button{width:26px;height:26px;border-radius:6px;border:1px solid var(--line);background:var(--panel2);font-size:16px;line-height:1}.stepper button:hover{border-color:var(--accent)}.stepper .val{min-width:26px;text-align:center;font-weight:600;font-variant-numeric:tabular-nums}.stepper .reset{font-size:13px;color:var(--dim)}#sp-range{width:180px;accent-color:var(--accent)}.pitch-note{opacity:.6;color:var(--dim)!important}.speed-presets{display:flex;gap:4px}.sp-preset{padding:2px 7px;border-radius:5px;border:1px solid var(--line);background:var(--panel2);font-size:11px;color:var(--dim);font-variant-numeric:tabular-nums}.sp-preset:hover{border-color:var(--accent);color:var(--txt)}.sp-preset.on{background:var(--accent);color:#1a1a1a;border-color:var(--accent);font-weight:600}.sp-preset:disabled{opacity:.4;cursor:default;border-color:var(--line)}.tp-foot{display:flex;align-items:center;gap:8px;min-height:16px}#main{flex:1 1 auto;display:flex;min-height:0}.sidebar-backdrop{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:39;background:#0006}#sidebar{flex:0 0 240px;background:var(--panel);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:0}.tabbar{display:flex;flex:0 0 auto;border-bottom:1px solid var(--line)}.tabbtn{flex:1 1 0;padding:9px 4px;background:transparent;border:none;color:var(--dim);font-size:12px;text-transform:uppercase;letter-spacing:.04em;border-bottom:2px solid transparent}.tabbtn:hover{color:var(--txt)}.tabbtn.on{color:var(--accent);border-bottom-color:var(--accent)}.tab-body{flex:1 1 auto;overflow-y:auto;padding:8px;-webkit-overflow-scrolling:touch;touch-action:pan-y}.panel h3 .info{color:var(--dim);font-variant-numeric:tabular-nums;text-transform:none;letter-spacing:0}.hist-list li{align-items:baseline}.hist-list li.base{font-style:italic;color:var(--dim)}.hist-list li.future{opacity:.42}.hist-list li.head{border-color:var(--accent)}.hist-list li .ico{color:var(--accent2);font-size:12px;flex:0 0 auto}.panel{margin-bottom:14px}.panel h3{display:flex;align-items:center;justify-content:space-between;margin:6px 4px 8px;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--dim)}.mini{width:20px;height:20px;border-radius:5px;border:1px solid var(--line);background:var(--panel2);font-size:14px;line-height:1}.mini:hover{border-color:var(--accent)}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}.list li{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:6px;background:var(--panel2);border:1px solid transparent;cursor:pointer;font-size:13px}.list li:hover{border-color:var(--line)}.list li.active{border-color:var(--accent)}.list li .lbl{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.list li .t{color:var(--dim);font-variant-numeric:tabular-nums;font-size:12px}.list li .x{color:var(--dim);visibility:hidden}.list li:hover .x{visibility:visible}.list li .x:hover{color:#e66}.list li .lbl .sub{color:var(--dim);font-size:12px}.set-picker{position:relative;margin:0 0 8px}.set-picker input{width:100%;box-sizing:border-box;background:var(--panel2);color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:6px 26px 6px 8px;font:inherit;font-size:13px}.set-picker input:focus{outline:none;border-color:var(--accent)}.set-picker input::placeholder{color:var(--dim)}.set-clear{position:absolute;right:4px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--dim);font-size:15px;line-height:1;padding:3px 6px;cursor:pointer}.set-clear:hover{color:var(--txt)}.set-suggest{position:absolute;left:0;right:0;top:calc(100% + 3px);z-index:20;list-style:none;margin:0;padding:4px;max-height:40vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:6px;box-shadow:0 8px 24px #00000073}.set-suggest li{display:flex;align-items:baseline;gap:8px;padding:6px 8px;border-radius:5px;cursor:pointer;font-size:13px}.set-suggest li.active{background:var(--panel2)}.set-suggest li .lbl{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.set-suggest li .t{color:var(--dim);font-size:12px;font-variant-numeric:tabular-nums}.set-suggest li.all .lbl{color:var(--dim);font-style:italic}.set-suggest li.none{color:var(--dim);font-style:italic;cursor:default}.songlist .num{flex:0 0 auto;min-width:18px;text-align:right;color:var(--dim);font-size:11px;font-variant-numeric:tabular-nums}.songlist li.active .num{color:var(--accent)}.songlist li.missing{opacity:.45;cursor:default}.songlist li.missing:hover{border-color:transparent}.songlist .dlbtn{flex:0 0 auto;min-width:34px;padding:2px 5px;border:0;border-radius:4px;background:transparent;color:var(--dim);cursor:pointer;font-size:12px;font-variant-numeric:tabular-nums;line-height:1.4}.songlist .dlbtn:hover{background:var(--panel-hi, rgba(255,255,255,.07));color:var(--fg)}.songlist .dlbtn.have,.songlist .dlbtn.busy{color:var(--accent)}.songlist .dlbtn.err{color:var(--bad, #e06c6c)}@media (pointer: coarse){.set-picker input{font-size:16px}}.boot{display:flex;align-items:center;justify-content:center;height:100%;color:var(--dim);font-size:14px}.boot.setup{flex-direction:column;gap:10px;padding:24px;text-align:center}.boot.setup h2{margin:0;font-size:17px;color:var(--fg)}.boot.setup p{margin:0;max-width:30em;line-height:1.5}.boot.setup input{width:min(90vw,26em);padding:9px 11px;font-size:16px;border-radius:6px;border:1px solid var(--line, #3a3a3a);background:var(--panel, #1c1c1c);color:var(--fg)}.boot.setup .setup-btns{display:flex;gap:8px}.boot.setup .err{color:var(--bad, #e06c6c)}.boot.setup .ok{color:var(--accent)}.empty-aware:empty:after{content:"none yet";color:var(--dim);font-size:12px;padding:4px 8px;font-style:italic}.loop-set{display:flex;gap:5px;margin:0 2px 8px}.ab{flex:1 1 auto;padding:6px 0;border-radius:6px;border:1px solid var(--line);background:var(--panel2);font-size:12px}.ab.toggle.on{background:var(--accent);color:#1a1a1a;border-color:var(--accent)}.ab:hover{border-color:var(--accent)}.ab.set{border-color:var(--accent2);color:var(--accent2)}#chart{flex:1 1 auto;overflow-y:auto;overflow-x:clip;padding:16px 20px 28px;-webkit-overflow-scrolling:touch;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}#chart .cell-input,#chart .sec-name-edit,#chart .cnote-edit{-webkit-user-select:text;user-select:text}.chart-content{position:relative}.ann-overlay{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:4}.ann-overlay.drawing{pointer-events:auto;cursor:crosshair;touch-action:none}.ann-overlay.erasing{pointer-events:auto;cursor:cell;touch-action:none}.section-block{margin-bottom:22px;scroll-margin-top:16px}.section-head{display:flex;align-items:baseline;gap:10px;margin:0 0 8px;position:sticky;top:-16px;background:var(--bg);padding:6px 0 4px;z-index:1;cursor:pointer}.section-head .name{font-weight:600;font-size:15px;color:var(--accent)}.section-head .info{font-size:12px;color:var(--dim);font-variant-numeric:tabular-nums}.section-head.draggable{cursor:grab;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.section-head.dragging{cursor:grabbing;opacity:.6}.sec-name-edit{font-weight:600;font-size:15px;color:var(--txt);background:var(--bg);caret-color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:1px 6px;font-family:inherit;user-select:text;-webkit-user-select:text}.sec-name-edit:focus{outline:none}.sec-actions{display:inline-flex;gap:4px;margin-left:2px}.sec-btn{cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--dim);border-radius:4px;line-height:1;width:20px;height:20px;padding:0;font-size:14px;display:grid;place-items:center;touch-action:manipulation}.sec-btn:hover{color:var(--txt);border-color:var(--accent)}.sec-btn.del:hover{color:var(--bg);background:var(--danger, #e0564b);border-color:var(--danger, #e0564b)}.bars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.bar{display:flex;border:1px solid var(--line);border-radius:8px;background:var(--panel);min-height:58px;position:relative}.beat{flex:1 1 0;min-width:0;text-align:center;display:grid;place-items:center;padding:16px 4px;font-size:19px;font-weight:600;border-left:1px solid var(--line);position:relative;cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--change);transition:background .05s linear}.beat:first-child{border-left:none}.beat .label{max-width:100%;overflow-wrap:anywhere;pointer-events:none}.beat.hold{color:var(--hold);font-weight:400}.beat.carry{color:var(--hold);font-weight:400;font-style:italic}.beat.nc{color:var(--dim);font-weight:400}.beat:hover{background:var(--panel2)}.beat.cursor{background:var(--cursor);color:#1a1a1a!important;font-weight:700}.beat .sub{position:absolute;bottom:2px;left:0;right:0;font-size:9px;color:var(--dim);font-weight:400}.beat.cursor .sub{color:#5a4a1a}#chart .bar:has(.rnote){padding-top:34px;min-height:90px}.rhythm-staff{position:absolute;top:0;left:0;right:0;height:34px;pointer-events:none;z-index:2;color:var(--accent2)}.rnote{position:absolute;bottom:0;width:0}.rnote-svg{position:absolute;bottom:0;left:-5.5px;overflow:visible;display:block}.rbeam{position:absolute;bottom:28px;height:3px;margin-left:3px;background:currentColor;border-radius:1px;color:var(--accent2)}.rbeam.l2{bottom:24px}.rtuplet{position:absolute;bottom:31px;height:5px;margin-left:3px;display:flex;align-items:flex-start;gap:2px;color:var(--accent2);pointer-events:none}.rtuplet .tline{flex:1;height:4px;border-top:1.3px solid currentColor}.rtuplet .tline.l{border-left:1.3px solid currentColor}.rtuplet .tline.r{border-right:1.3px solid currentColor}.rtuplet .tnum{font-size:9px;font-weight:700;line-height:8px;margin-top:-4px}.rtie{position:absolute;bottom:1px;height:5px;border:1.4px solid currentColor;border-top:none;border-radius:0 0 7px 7px;opacity:.85}.rrest{position:absolute;bottom:4px;transform:translate(-50%);color:var(--accent2)}.rrest-svg{display:block}#chart .bar:has(.mel-cell){padding-bottom:78px}.mel-cell{position:absolute;left:0;right:0;bottom:4px;height:72px;pointer-events:none;z-index:2}.mel-line{position:absolute;left:6px;right:6px;height:1px;background:var(--line)}.mel-ledger{position:absolute;width:14px;height:1px;background:var(--line);transform:translate(-7px)}.mel-key-label{position:absolute;left:2px;top:-12px;font-size:9px;font-weight:600;color:var(--accent);white-space:nowrap}.mel-head{position:absolute;width:0}.mel-head-svg{position:absolute;left:-10px;top:-26px;display:block;overflow:visible}.mel-beam{position:absolute;height:2.6px;border-radius:1px}.mel-tie{position:absolute;height:5px;border:1.3px solid var(--dim);border-top:none;border-radius:0 0 7px 7px;opacity:.85}.mel-rest{position:absolute;transform:translate(-50%,-8px)}.mel-tuplet{position:absolute;top:-3px;height:5px;margin-left:4px;display:flex;align-items:flex-start;gap:2px;color:var(--accent2)}.mel-tuplet .tline{flex:1;height:4px;border-top:1.3px solid currentColor}.mel-tuplet .tline.l{border-left:1.3px solid currentColor}.mel-tuplet .tline.r{border-right:1.3px solid currentColor}.mel-tuplet .tnum{font-size:9px;font-weight:700;line-height:8px;margin-top:-4px}#chart .bar:has(.lyric-row){padding-bottom:28px}.lyric-row{position:absolute;left:0;right:0;bottom:0;min-height:26px;display:flex;align-items:center;pointer-events:none;z-index:1}.lyric-cell{flex:1 1 0;min-width:0;text-align:center;padding:2px 3px 4px;font-size:12px;line-height:1.05;font-weight:500;color:var(--accent2);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.lyric-cell.cursor-ly{color:var(--cursor);font-weight:700}#chart .bar:has(.mel-cell):has(.lyric-row){padding-bottom:104px}.bar:has(.mel-cell) .lyric-row{bottom:78px}.beat.loop-a{box-shadow:inset 3px 0 0 var(--loopline)}.beat.loop-b{box-shadow:inset -3px 0 0 var(--loopline)}.beat.loop-a.loop-b{box-shadow:inset 3px 0 0 var(--loopline),inset -3px 0 0 var(--loopline)}.beat .loopflag{position:absolute;top:2px;font-size:9px;font-weight:700;line-height:1;color:#06302c;background:var(--loopline);border-radius:3px;padding:1px 3px;pointer-events:none}.beat .loopflag.a{left:2px}.beat .loopflag.b{right:2px}.beat-hl{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.3;pointer-events:none;z-index:0}.beat.ann-hl .label,.beat.ann-hl .sub{position:relative;z-index:1}.cnote{position:absolute;bottom:calc(100% + 2px);left:50%;display:inline-block;width:280px;max-width:min(280px,60vw);background:#fffdf3;color:#1a1a1a;font-size:12px;font-weight:500;line-height:1.25;white-space:pre-wrap;word-break:break-word;padding:4px 16px 4px 7px;border:1px solid #888;border-left-width:3px;border-radius:5px;box-shadow:0 2px 6px #00000059;z-index:6;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.cnote.inert{pointer-events:none}.cnote.editing{cursor:default;z-index:7}.cnote-text.ph{color:#9a9483;font-style:italic}.cnote-x{position:absolute;top:1px;right:3px;font-size:11px;line-height:1;color:#b04a3a;cursor:pointer;padding:1px 2px;opacity:.6}.cnote-x:hover{opacity:1}.cnote-edit{display:block;width:100%;min-height:3.2em;box-sizing:border-box;background:#fffdf3;color:#1a1a1a;border:none;outline:none;resize:vertical;font:inherit;line-height:1.25;padding:0}.ann-swatches{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.swatch{width:22px;height:22px;border-radius:50%;border:2px solid transparent;cursor:pointer;padding:0}.swatch.on{border-color:var(--txt);box-shadow:0 0 0 1px var(--line)}.swatch.sm{width:14px;height:14px;flex:0 0 auto;border-width:1px}.ann-size{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:11px;color:var(--dim)}.ann-size input[type=range]{flex:1;min-width:0;accent-color:var(--accent)}.ann-size-dot{flex:0 0 auto}.ann-toolbtns,.ann-actions{display:flex;gap:6px;margin-bottom:8px;flex-wrap:wrap}.toolbtn,.ann-actions button{padding:5px 9px;border-radius:6px;border:1px solid var(--line);background:var(--panel2);color:var(--dim);font-size:12px;cursor:pointer}.toolbtn:hover,.ann-actions button:hover{border-color:var(--accent);color:var(--txt)}.toolbtn.on{background:var(--accent);color:#1a1a1a;border-color:var(--accent)}.ann-hint{font-size:11px;color:var(--dim);margin:0 0 10px;line-height:1.4}.annlist li .lbl .dim{color:var(--dim)}.list li.empty-msg{color:var(--dim);font-size:12px;cursor:default;background:none}.ann-text-input{flex:1 1 auto;min-width:0;background:var(--panel);color:var(--txt);border:1px solid var(--accent);border-radius:5px;padding:3px 6px;font-size:13px}.export-btns{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.export-btns button{text-align:left;padding:7px 10px;border-radius:6px;border:1px solid var(--line);background:var(--panel2);color:var(--txt);font-size:13px;cursor:pointer}.export-btns button:hover{border-color:var(--accent)}.print-header{display:none}.search-bar{flex:0 0 auto;display:flex;align-items:center;gap:8px;padding:6px 16px;background:var(--panel2);border-top:1px solid var(--line)}.search-bar .slash{color:var(--accent);font-weight:700;font-size:15px}.search-bar input{flex:1 1 auto;min-width:0;background:var(--panel);color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:5px 8px;font:inherit}.search-bar input:focus{outline:none;border-color:var(--accent)}.search-bar .count{color:var(--dim);font-size:12px;min-width:84px;text-align:right;font-variant-numeric:tabular-nums}.replace-bar .arrow{color:var(--dim);font-weight:700}.replace-bar .replace-go{flex:0 0 auto;background:var(--accent);color:#fff;border:none;border-radius:6px;padding:5px 12px;font:inherit;cursor:pointer;white-space:nowrap}.replace-bar .replace-go:disabled{opacity:.4;cursor:default}#topbar.chrome-hidden,#sidebar.chrome-hidden{display:none}.reveal-handle{position:fixed;z-index:30;display:grid;place-items:center;background:var(--panel2);color:var(--dim);border:1px solid var(--line);padding:0;font-size:13px;line-height:1}.reveal-handle:hover{color:var(--accent);border-color:var(--accent)}.reveal-sidebar{left:0;top:50%;transform:translateY(-50%);width:18px;height:48px;border-left:none;border-radius:0 8px 8px 0}.reveal-topbar{top:0;left:50%;transform:translate(-50%);width:48px;height:18px;border-top:none;border-radius:0 0 8px 8px}.cmd-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#00000073;display:flex;justify-content:center;align-items:flex-start;padding:12vh 16px 16px}.cmd-palette{width:min(560px,100%);max-height:72vh;display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 16px 48px #0000008c;overflow:hidden}.cmd-input{flex:0 0 auto;background:var(--panel2);color:var(--txt);font:inherit;font-size:15px;border:none;border-bottom:1px solid var(--line);padding:12px 14px;outline:none}.cmd-list{list-style:none;margin:0;padding:6px;overflow-y:auto;-webkit-overflow-scrolling:touch}.cmd-item{display:flex;align-items:baseline;gap:10px;padding:8px 10px;border-radius:6px;cursor:pointer;font-size:14px}.cmd-item.active{background:var(--panel2)}.cmd-item .cat{flex:0 0 auto;color:var(--dim);font-size:11px;text-transform:uppercase;letter-spacing:.04em;min-width:76px}.cmd-item .title{flex:1 1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cmd-item .kbd{flex:0 0 auto;color:var(--dim);font-size:11px;border:1px solid var(--line);border-radius:4px;padding:1px 5px}.cmd-empty{color:var(--dim);font-size:13px;padding:10px;font-style:italic}.ctx-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:62}.ctx-menu{position:fixed;min-width:160px;background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:4px;box-shadow:0 12px 32px #0000008c;transform:translate(2px,2px)}.ctx-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--txt);font:inherit;font-size:14px;padding:8px 10px;border-radius:6px;cursor:pointer}.ctx-item:hover{background:var(--panel2)}.keychange-panel{width:min(320px,100%);background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 48px #0000008c}.keychange-row{display:flex;gap:8px;padding:16px}.keychange-row select{flex:1 1 auto;background:var(--panel2);color:var(--txt);font:inherit;border:1px solid var(--line);border-radius:6px;padding:6px 8px}.keychange-actions{display:flex;gap:8px;justify-content:flex-end;padding:0 16px 16px;align-items:center}.kc-btn{background:var(--panel2);color:var(--txt);font:inherit;font-size:13px;border:1px solid var(--line);border-radius:6px;padding:6px 12px;cursor:pointer}.kc-btn:hover{border-color:var(--accent)}.kc-btn.primary{background:var(--accent);color:#1a1a1a;border:none;font-weight:600}.kc-btn.del{margin-right:auto;color:var(--danger, #e0564b)}#topbar .cog{flex:0 0 auto;width:34px;height:34px;font-size:17px;line-height:1;display:flex;align-items:center;justify-content:center;background:var(--panel2);color:var(--dim);border:1px solid var(--line);border-radius:8px}#topbar .cog:hover{color:var(--accent);border-color:var(--accent)}.settings-panel{width:min(460px,100%);max-height:80vh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:12px;box-shadow:0 16px 48px #0000008c}.settings-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line)}.settings-title{font-weight:600;font-size:15px}.settings-close{background:none;border:none;color:var(--dim);font-size:24px;line-height:1;padding:0 4px}.settings-close:hover{color:var(--txt)}.settings-sec{padding:14px 16px}.settings-sec+.settings-sec{border-top:1px solid var(--line)}.settings-sec-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--dim);margin-bottom:6px}.settings-desc{font-size:12px;color:var(--dim);margin:0 0 10px;line-height:1.5}.settings-check{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--txt);margin-bottom:12px;cursor:pointer;-webkit-user-select:none;user-select:none}.settings-check input{accent-color:var(--accent);width:16px;height:16px}.settings-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.settings-lbl{font-size:12px;color:var(--dim);min-width:78px}.settings-row input[type=range]{flex:1 1 130px;accent-color:var(--accent)}.settings-row .num{width:64px;background:var(--panel2);color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:4px 6px;font:inherit;font-variant-numeric:tabular-nums}.settings-row .unit{color:var(--dim);font-size:12px}.settings-calib{margin-top:14px;display:flex;flex-direction:column;gap:10px;align-items:flex-start}.settings-panel button.primary{background:var(--accent);color:#1a1a1a;border:none;border-radius:8px;padding:7px 14px;font-weight:600}.settings-panel button.ghost{background:var(--panel2);color:var(--txt);border:1px solid var(--line);border-radius:8px;padding:7px 12px}.settings-panel button.ghost.sm{padding:2px 8px;font-size:12px}.settings-panel button.primary.sm{padding:2px 10px;font-size:12px}.settings-panel button:disabled{opacity:.45;cursor:default}.calib-pad{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;width:140px;height:76px;align-self:center;background:var(--panel2);color:var(--txt);border:1px solid var(--accent);border-radius:10px;touch-action:none;-webkit-user-select:none;user-select:none}.calib-pad .tap-label{font-size:14px;font-weight:700;letter-spacing:.12em}.calib-pad .tap-count{font-size:12px;color:var(--accent);font-variant-numeric:tabular-nums}.calib-pad:active{background:var(--accent);color:#1a1a1a}.calib-pad:active .tap-count{color:#1a1a1a}.beat.editing{background:var(--panel2)}.cell-input{position:absolute;top:4px;right:3px;bottom:4px;left:3px;box-sizing:border-box;width:auto;min-width:0;text-align:center;background:var(--bg);color:var(--txt);caret-color:var(--accent);border:1px solid var(--accent);border-radius:4px;padding:0;font:inherit;font-size:16px;font-weight:600}.cell-input:focus{outline:none}.beat.sel{background:var(--loop)}.beat.sel.cursor{background:var(--cursor)}.beat.drop-target{box-shadow:inset 0 0 0 2px var(--accent)}.bar.sec-drop{box-shadow:inset 3px 0 0 0 var(--accent)}.beat.swipe-del{background:#dc505047}#transport{position:relative;flex:0 0 auto;background:var(--panel);border-top:1px solid var(--line);padding:8px 16px 10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}#transport .controls{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;margin-bottom:8px}#transport .controls button{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);background:var(--panel2);font-size:14px;display:grid;place-items:center}#transport .play{width:40px;height:40px;background:var(--accent);color:#1a1a1a;border-color:var(--accent);font-size:16px}#transport .controls button:hover{border-color:var(--accent)}#transport .time{color:var(--dim);font-variant-numeric:tabular-nums}#transport .transport-center{grid-column:2;justify-self:center;display:flex;align-items:center;gap:12px}#transport .sec-nav{grid-column:3;justify-self:end;display:flex;gap:8px}#transport .controls .tap-pad{grid-column:1;justify-self:start;width:auto;min-width:60px;height:40px;padding:0 14px;border-radius:9px;border:1px solid var(--line);background:var(--panel2);color:var(--dim);display:inline-flex;align-items:center;gap:7px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;transition:transform .04s linear,background .04s linear}#transport .controls .tap-pad .tap-label{font-size:12px;font-weight:700;letter-spacing:.1em}#transport .controls .tap-pad:active{background:var(--accent);color:#1a1a1a;border-color:var(--accent);transform:scale(.96)}#transport .controls .tap-pad .tap-count{background:var(--accent2);color:#1a1a1a;border-radius:10px;min-width:18px;height:16px;padding:0 5px;font-size:11px;font-weight:700;line-height:16px;text-align:center}#transport .stems-btn{font-size:15px}#transport .stems-btn.on{background:var(--accent);color:#1a1a1a;border-color:var(--accent)}.stems-panel{position:absolute;right:12px;bottom:calc(100% + 6px);z-index:30;width:min(240px,calc(100vw - 24px));background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 36px #00000080;padding:10px 12px}.stems-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}.stems-title{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--dim);flex:1 1 auto}.stems-head .stems-all{margin-bottom:0;font-size:12px}.stem-row{display:flex;align-items:center;gap:8px}.stem-row .settings-check{flex:1 1 auto;margin-bottom:6px}.stem-row.overridden .settings-check{opacity:.45}.stem-solo{flex:0 0 auto;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--dim);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:2px 7px;margin-bottom:6px;cursor:pointer}.stem-solo:hover{border-color:var(--accent);color:var(--txt)}#transport .band-btn{font-size:15px}#transport .band-btn.on{background:var(--accent);color:#1a1a1a;border-color:var(--accent)}.band-panel{position:absolute;right:12px;bottom:calc(100% + 6px);z-index:30;width:min(320px,calc(100vw - 24px));background:var(--panel);border:1px solid var(--line);border-radius:10px;box-shadow:0 12px 36px #00000080;padding:10px 12px}.band-panel .settings-check{margin-bottom:8px}.band-desc{font-size:11.5px;color:var(--dim);margin:0 0 10px;line-height:1.45}.band-row{display:flex;align-items:center;gap:8px;margin-bottom:8px}.band-row input[type=range]{flex:1 1 80px;min-width:0;accent-color:var(--accent)}.band-row .num{width:58px;background:var(--panel2);color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:4px 6px;font:inherit;font-variant-numeric:tabular-nums}.band-row .unit{color:var(--dim);font-size:12px}.band-row .ghost{background:var(--panel2);color:var(--txt);border:1px solid var(--line);border-radius:6px;padding:3px 9px;font-size:13px}.band-row .ghost:hover{border-color:var(--accent)}.band-sub{font-size:11px;color:var(--dim);margin:-2px 0 8px;font-variant-numeric:tabular-nums}.band-sub.err{color:#e0564b}.band-sub.roll-hint{color:var(--accent)}.band-tap{width:100%;height:54px;flex-direction:row;gap:10px}.band-accept{width:100%;padding:8px 10px!important;font-weight:600;border-color:var(--accent)!important;color:var(--accent)!important}#transport .play.pulse{animation:band-pulse 1.1s ease-in-out infinite}@keyframes band-pulse{0%,to{box-shadow:0 0 #f5c5188c}50%{box-shadow:0 0 0 9px #f5c51800}}#transport .band-btn.locked{box-shadow:0 0 0 2px var(--accent)}.scrub-labels{position:relative;min-height:15px;margin-bottom:3px}.scrub-lbl{position:absolute;top:0;max-width:92px;height:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:15px;padding:0 3px;background:transparent;border:none;color:var(--dim);font-variant-numeric:tabular-nums}.scrub-lbl:hover{color:var(--accent)}.scrub-lbl.section{color:var(--txt);font-weight:700}.scrub-lbl.bookmark{color:var(--accent2)}.scrub-lbl.bookmark:hover{color:var(--accent)}.scrub{position:relative;height:26px;border-radius:6px;background:var(--panel2);cursor:pointer;overflow:hidden;touch-action:none}.scrub .fill{position:absolute;top:0;left:0;bottom:0;width:0;background:#f2b03524;pointer-events:none}.scrub .loopzone{position:absolute;top:0;bottom:0;background:var(--loop);border-left:2px solid var(--loopline);border-right:2px solid var(--loopline);display:none;pointer-events:none}.scrub .head{position:absolute;top:0;bottom:0;width:2px;background:var(--accent);pointer-events:none}.scrub .markers{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.scrub .mk{position:absolute;top:0;bottom:0;width:0;border-left:1px solid var(--dim)}.scrub .mk.section{border-left:1px solid #4a5160}.scrub .mk.bookmark{border-left:2px solid var(--accent2)}.scrub .mk .cap{position:absolute;top:1px;left:2px;font-size:9px;color:var(--dim);white-space:nowrap}.scrub .mk.bookmark .cap{color:var(--accent2)}@media (max-width: 820px){#main{position:relative}#sidebar:not(.chrome-hidden){position:absolute;z-index:40;top:0;bottom:0;left:0;flex:none;width:min(280px,86vw);box-shadow:4px 0 18px #00000080}.sidebar-backdrop{display:block}.bars{grid-template-columns:repeat(2,minmax(0,1fr))}.beat{font-size:16px;padding:14px 2px}.ne-top{flex-direction:column;gap:6px}.ne-tools{flex-wrap:wrap}}@media print{@page{margin:12mm}html,body,#root,.app,#main,#chart,.chart-content{height:auto!important;overflow:visible!important}.app{display:block;background:#fff;color:#111;-webkit-print-color-adjust:exact;print-color-adjust:exact}#topbar,#sidebar,#transport,.search-bar,audio,.reveal-handle,.cmd-backdrop{display:none!important}#main{display:block}#chart{padding:0!important;display:block}.print-header{display:block;margin-bottom:10px}.print-header .ph-title{font-size:20px;font-weight:700}.print-header .ph-meta{font-size:12px;color:#444;margin-top:2px}.section-block{break-inside:avoid;margin-bottom:14px}.section-head{position:static;background:#fff}.section-head .name{color:#111}.section-head .info{color:#555}.bar{background:#fff;border-color:#999;break-inside:avoid}.beat{color:#111;border-left-color:#ccc}.beat .sub,.beat.nc,.beat.carry{color:#888}.beat.cursor{background:transparent!important;color:#111!important}.beat.cursor .sub{color:#888!important}.beat.sel,.beat.swipe-del,.beat.drop-target{background:#fff!important;box-shadow:none!important}.beat .loopflag,.cell-input{display:none!important}.ann-overlay{display:block!important}.beat-hl{opacity:.5}.cnote{box-shadow:none;cursor:default}.cnote-x{display:none!important}}.note-btn{width:30px;height:30px;border-radius:6px;border:1px solid var(--line);background:var(--panel2);font-size:15px;line-height:1}.note-btn:hover{border-color:var(--accent)}.note-btn.on{background:var(--accent);color:#1a1a1a;border-color:var(--accent)}.note-entry{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:flex;flex-direction:column;background:var(--bg)}.ne-top{display:flex;align-items:stretch;gap:10px;flex:0 0 auto;padding:8px 10px;border-bottom:1px solid var(--line);background:var(--panel)}.ne-strip{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;overflow:hidden}.ne-sec{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--accent);white-space:nowrap;flex:0 0 auto}.mel-staff{flex:1 1 auto;min-width:0;overflow:hidden}.mel-svg{display:block}.mel-cur{fill:#f2b03512}.mel-clef,.mel-keysig{fill:var(--txt)}.mel-key-label-svg{fill:var(--accent);font-weight:600}.mel-badge{fill:var(--dim);font-style:italic}.mel-num{fill:var(--dim)}.mel-chord{fill:var(--change);font-weight:600}.ne-tools{display:flex;align-items:center;gap:12px;flex:0 0 auto}.ne-oct{display:flex;align-items:center;gap:4px}.ne-oct button{padding:4px 6px;border-radius:5px;border:1px solid var(--line);background:var(--panel2);font-size:11px}.ne-oct button:hover{border-color:var(--accent)}.ne-octval{font-size:12px;color:var(--dim);min-width:18px;text-align:center;font-variant-numeric:tabular-nums}.ne-vol{display:flex;align-items:center;gap:6px;color:var(--dim)}.ne-vol input{width:90px;accent-color:var(--accent2)}.ne-play,.ne-exit,.ne-commit{width:34px;height:34px;border-radius:7px;border:1px solid var(--line);background:var(--panel2);font-size:15px;line-height:1}.ne-play:hover,.ne-exit:hover,.ne-commit:hover:not(:disabled){border-color:var(--accent)}.ne-commit{color:var(--accent2)}.ne-commit:not(:disabled){border-color:var(--accent2)}.ne-commit:disabled{color:var(--dim);opacity:.5}.ne-voicing{padding:5px 10px;border-radius:6px;border:1px solid var(--line);background:var(--panel2);font-size:11px;font-weight:600;letter-spacing:.06em;color:var(--dim)}.ne-voicing:hover{border-color:var(--accent)}.ne-voicing.is-mono{color:var(--accent2);border-color:var(--accent2)}.iso-wrap{flex:1 1 auto;min-height:0;padding:8px}.iso-grid{width:100%;height:100%;display:grid;gap:4px;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.iso-pad{position:relative;border-radius:8px;border:1px solid #20242d;background:#15181e;display:flex;align-items:center;justify-content:center;overflow:hidden}.iso-pad.dia{background:#262b36;border-color:#333a47}.iso-pad.root{border-color:var(--accent)}.iso-ring{position:absolute;width:60%;aspect-ratio:1;border-radius:50%;border:1.5px solid rgba(255,255,255,.07);pointer-events:none}.iso-pad.root .iso-ring{border-color:#f2b03559}.iso-name{font-size:12px;font-weight:600;color:var(--dim);pointer-events:none}.iso-pad.dia .iso-name{color:var(--txt)}.iso-pad.root .iso-name{color:var(--accent)}.iso-pad.ring .iso-ring{border-color:var(--accent2);box-shadow:0 0 6px #36c2b499,0 0 6px #36c2b466 inset}.iso-pad.lit{background:var(--accent2);border-color:var(--accent2);box-shadow:0 0 14px #36c2b4b3}.iso-pad.lit .iso-name{color:#06201d}.iso-pad.lit .iso-ring{border-color:#06201d66}#transport .link-btn{font-size:15px;position:relative}#transport .link-btn.on{background:var(--accent);color:#1a1a1a;border-color:var(--accent)}#transport .link-btn.blocked{box-shadow:0 0 0 2px var(--accent2)}#transport .link-btn .link-n{position:absolute;top:-5px;right:-5px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:var(--accent2);color:#1a1a1a;font-size:10px;font-weight:700;line-height:15px;text-align:center}#transport .surface-btn{font-size:15px;position:relative}#transport .surface-btn.on{background:var(--accent);color:#1a1a1a;border-color:var(--accent)}#transport .surface-btn .surface-n{position:absolute;top:-5px;right:-7px;min-width:15px;height:15px;padding:0 4px;border-radius:8px;background:var(--panel2);color:inherit;border:1px solid var(--line);font-size:9px;font-weight:700;line-height:14px;text-align:center;text-transform:uppercase}#transport .surface-btn.on .surface-n{background:var(--accent2);color:#1a1a1a;border-color:var(--accent2)}.link-panel .band-desc{margin:6px 0 0}.link-panel .link-group{display:flex;align-items:center;gap:8px}.link-panel .link-group input{flex:1;min-width:0;padding:4px 7px;border-radius:6px;border:1px solid var(--line);background:var(--panel2);color:inherit;font:inherit}