#file-drop[data-astro-cid-p5zgd2w7]{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;text-align:center;border:6px dashed var(--accent);background:color-mix(in srgb,var(--bg) 92%,transparent);color:var(--accent);pointer-events:none;opacity:0;visibility:hidden;transition:opacity .18s,visibility .18s}#file-drop[data-astro-cid-p5zgd2w7].on{opacity:1;visibility:visible;animation:file-pulse 1.2s ease-in-out infinite alternate}#file-drop[data-astro-cid-p5zgd2w7] i[data-astro-cid-p5zgd2w7]{font-size:3rem}@keyframes file-pulse{to{border-color:color-mix(in srgb,var(--accent) 45%,var(--bg))}}@media(prefers-reduced-motion:reduce){#file-drop[data-astro-cid-p5zgd2w7],#file-drop[data-astro-cid-p5zgd2w7].on{animation:none;transition:none}}:root{--accent-soft: color-mix(in srgb, var(--accent) 18%, transparent);--danger: #c0392b;--play: #2ecc71}:root{--over: light-dark(#0369a1, #38bdf8)}:root{--npb-2: light-dark(#2f6fd0, #74a9f7);--npb-3: light-dark(#7a4fcf, #b795f7);--npb-4: light-dark(#0e857c, #46c8bd);--npb-5: light-dark(#c0398f, #f087c7)}[data-npb="2"]{--npb: var(--npb-2)}[data-npb="3"]{--npb: var(--npb-3)}[data-npb="4"]{--npb: var(--npb-4)}[data-npb="5"]{--npb: var(--npb-5)}.bar[data-astro-cid-p5zgd2w7]{display:flex;flex-wrap:wrap;gap:.45rem;align-items:center;position:sticky;top:0;z-index:20;background:var(--bg);padding:.5rem 0}.bar[data-astro-cid-p5zgd2w7] .sp[data-astro-cid-p5zgd2w7]{flex:1}.fld[data-astro-cid-p5zgd2w7]{font:inherit;font-size:.85rem;padding:.35rem .5rem;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:inherit}.fld[data-astro-cid-p5zgd2w7].grow{flex:1;min-width:9rem}.fld[data-astro-cid-p5zgd2w7].w4{width:4rem}.fld[data-astro-cid-p5zgd2w7].w7{width:7.5rem}.lf[data-astro-cid-p5zgd2w7]{display:inline-flex;align-items:center;gap:.3rem;font-size:.78rem;color:var(--muted)}.cb[data-astro-cid-p5zgd2w7]{font-size:.82rem;display:inline-flex;gap:.25rem;align-items:center}.mini[data-astro-cid-p5zgd2w7]{font:inherit;font-size:.85rem;padding:.4rem .55rem;border:1px solid var(--line);border-radius:7px;background:var(--panel);color:inherit;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem}.mini[data-astro-cid-p5zgd2w7]:hover,.btn[data-astro-cid-p5zgd2w7]:hover{border-color:var(--accent)}.mini[data-astro-cid-p5zgd2w7]:disabled{opacity:.35;cursor:default}.mini[data-astro-cid-p5zgd2w7]:disabled:hover{border-color:var(--line)}.file[data-astro-cid-p5zgd2w7]{cursor:pointer}.status[data-astro-cid-p5zgd2w7]{color:var(--muted);font-size:.8rem}.editor-wrap[data-astro-cid-p5zgd2w7]{border:1px solid var(--line);border-radius:12px;background:var(--panel);overflow:hidden;margin:.5rem 0 1.25rem}.tabs{display:flex;gap:.25rem;align-items:center;padding:.5rem .6rem;border-bottom:1px solid var(--line);background:var(--code-bg);flex-wrap:wrap}.tab{font:inherit;font-size:.82rem;padding:.3rem .7rem;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:inherit;cursor:pointer}.tab.on{background:var(--accent);color:#fff;border-color:var(--accent)}.tab-add{border-style:dashed;color:var(--muted)}.swb{font-family:Swarabitan,ui-monospace,SFMono-Regular,Menlo,monospace}.canvas{padding:.85rem .9rem;min-height:8rem}.sec-head{display:flex;gap:.4rem;align-items:center;margin-bottom:.6rem}.row{display:flex;gap:.35rem;align-items:flex-start;padding:.5rem .4rem;border-top:1px dashed var(--line);border-radius:8px;scroll-margin-bottom:calc(var(--kp-h, 0px) + 2rem)}.row:first-of-type{border-top:0}.row.on{background:color-mix(in srgb,var(--accent) 6%,transparent)}.row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:.35rem}.row-foot{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}.taalpick{max-width:9.5rem}.row .grip{cursor:grab;padding:.35rem .3rem;color:var(--muted)}.row-head{display:flex;gap:.15rem;align-items:flex-start}.row-json{font:.7rem ui-monospace,monospace;padding:.15rem .25rem;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:inherit;opacity:.6;cursor:pointer}.row:not(.on):not(:hover):not(:focus-within) .row-json{visibility:hidden}.row .grip.on{background:var(--accent);border-color:var(--accent);color:#fff}.row.sel{background:color-mix(in srgb,var(--accent) 12%,transparent);box-shadow:inset 3px 0 0 var(--accent)}.row:not(.on):not(:hover):not(:focus-within) .laypick:not(.on):not(.squeeze):not(.flush){visibility:hidden}.laypick{font:inherit;font-size:.7rem;padding:.15rem .25rem;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:inherit;opacity:.6}.laypick.on{opacity:1;border-color:var(--accent);color:var(--accent);font-weight:600}.squeeze,.flush{cursor:pointer;display:inline-flex;align-items:center;gap:.25rem}.beats{display:flex;flex-wrap:wrap;align-items:flex-end;gap:.15rem .55rem;min-height:2.6rem}.beat{display:flex;gap:.1rem;padding-bottom:1px}.beat.multi{border-bottom:2px solid var(--ink)}.tok{position:relative;display:inline-flex;flex-direction:column;align-items:center;min-width:1.5rem;padding:.62rem .2rem .5rem;border-radius:7px;cursor:pointer;line-height:1.15;scroll-margin-bottom:calc(var(--kp-h, 0px) + 2rem)}.tok:hover{background:var(--code-bg)}.tok.cur{background:var(--accent-soft);box-shadow:inset 0 0 0 2px var(--accent)}.tok.over:not(.play){background:color-mix(in srgb,var(--over) 16%,transparent);box-shadow:inset 0 0 0 2px var(--over),inset 0 -4px 0 var(--over)}.tok .g{font-size:1.3rem;position:relative;white-space:nowrap}.tok.bar .g,.tok .barg,.tok.rest .g,.tok.sustain .g{color:var(--muted)}.tok .tl{font-size:.68rem;color:var(--muted);margin-top:.1rem}.tok .grace{font-size:.6em;vertical-align:.75em}.tok .br{opacity:.7;padding:0 .05em}.tok .micro{font-size:.6em;vertical-align:super;opacity:.85}.npb{position:absolute;top:1.5px;left:50%;transform:translate(-50%);display:flex;gap:1.5px;color:var(--npb);pointer-events:none;padding:1.5px 2.5px;border-radius:999px;background:color-mix(in srgb,var(--npb) 13%,transparent)}.npb i{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.9}.tok.cur .npb i,.tok:hover .npb i{opacity:1}.halfmark{position:relative;display:inline-block;width:.5em;height:1em;vertical-align:middle}.halfmark:before,.halfmark:after{content:"";position:absolute;left:.14em;width:.22em;height:.22em;border-radius:50%;background:currentColor}.halfmark:before{top:.2em}.halfmark:after{top:.58em}.tok .halfmark{color:var(--accent);font-size:.9em}.beat.review{outline:1.5px dashed var(--danger);outline-offset:1px;border-radius:6px}.tok.review .g{color:var(--danger)}.review-bar{display:inline-flex;align-items:center;gap:.3rem;font-size:.8rem;color:var(--danger);white-space:nowrap}.tok .hy{color:var(--muted)}.tok .rawg{font-family:ui-monospace,monospace;font-size:.7em;opacity:.6}.tok .ann{font-size:.7rem;line-height:1;padding:0 .2rem;border:1px solid var(--line);border-radius:4px;background:var(--code-bg);color:var(--ink);max-width:6rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tok .ann.above{order:-1;margin-bottom:.15rem}.tok .ann:empty{display:none}.tok .ann .g{font-size:1em}.tok .ann .halfmark{color:inherit}.tok .ann .beat-no{position:relative;display:inline-block;padding:0 .1em}.tok .ann .beat-no.sam:after{content:"";position:absolute;top:-.3em;left:50%;width:.09em;height:.35em;background:currentColor;transform:rotate(14deg)}.tok .ann.top{overflow:visible}.tok.meend-start:after,.tok.meend-end:after{content:"";position:absolute;bottom:.1rem;width:60%;height:.35rem;border:1.5px solid var(--accent);border-top:0}.tok.meend-start:after{left:35%;border-right:0;border-bottom-left-radius:.6rem}.tok.meend-end:after{right:35%;border-left:0;border-bottom-right-radius:.6rem}.tok.meend-both:before,.tok.meend-both:after{content:"";position:absolute;bottom:.1rem;width:40%;height:.35rem;border:1.5px solid var(--accent);border-top:0}.tok.meend-both:before{right:54%;border-left:0;border-bottom-right-radius:.6rem}.tok.meend-both:after{left:54%;border-right:0;border-bottom-left-radius:.6rem}.caret{width:2px;align-self:stretch;background:var(--accent);border-radius:1px;animation:blink 1s step-end infinite}.caret.over{background:var(--over)}@keyframes blink{50%{opacity:0}}.lyricbox{font:inherit;font-size:.78rem;padding:.25rem .4rem;border:1px solid var(--line);border-radius:6px;background:var(--bg);color:inherit;flex:1 1 14rem;max-width:34rem}.ghost{background:transparent}.ghost.danger{color:var(--danger);border-color:currentColor}.empty{color:var(--muted);font-size:.85rem}body{padding-bottom:calc(var(--kp-h, 0px) + 1.5rem)}.keypad{position:fixed;z-index:40;bottom:.75rem;left:50%;transform:translate(-50%);width:min(66rem,calc(100vw - 1.5rem));display:flex;flex-direction:column;gap:.4rem;padding:.45rem .6rem calc(.5rem + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:14px;background:color-mix(in srgb,var(--panel) 86%,transparent);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);box-shadow:0 14px 40px #0000004d;transition:width .18s ease,box-shadow .18s ease}.keypad.annot{box-shadow:0 0 0 2px var(--accent),0 14px 40px #0000004d}.keypad.over{box-shadow:0 0 0 2px var(--over),0 14px 40px #0000004d}.keypad.down{width:auto;left:auto;right:1rem;transform:none}.keypad.down .kp-body{display:none}.keypad.down .kp-collapse{transform:rotate(180deg)}.kp-bar{display:flex;gap:.4rem;align-items:center}.kp-collapse{font:inherit;width:1.9rem;height:1.9rem;border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .18s ease}.kp-name{font-size:1.05rem;color:var(--muted);padding-right:.2rem}.kp-hint{font-size:.72rem;color:var(--accent)}.kp-body{display:flex;flex-direction:column;gap:.4rem}.kp-controls,.kp-marks{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center}.kp-octs{display:flex;flex-direction:column;gap:.25rem}.kp-taal{display:none;flex-wrap:wrap;gap:.25rem}.keypad.taal .kp-octs{display:none}.keypad.taal .kp-taal{display:flex}.strike{position:relative;padding:0 .15em}.strike:after{content:"";position:absolute;left:0;right:0;top:50%;border-top:1.5px solid currentColor;transform:rotate(-40deg)}.json-open{min-width:2rem;padding:.15rem;font:.75rem ui-monospace,monospace}.kp-grp{display:inline-flex;gap:.2rem;padding-right:.4rem;margin-right:.2rem;border-right:1px solid var(--line)}.kp-grp:last-child{border-right:0}.kp{font:inherit;font-size:.9rem;min-width:2.2rem;min-height:2.2rem;padding:.25rem .45rem;border:1px solid var(--line);border-radius:8px;background:var(--panel);color:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.kp:hover{border-color:var(--accent)}.kp.on{background:var(--accent);color:#fff;border-color:var(--accent)}.kp.ovr.on{background:var(--over);border-color:var(--over);color:light-dark(#fff,#082f49)}.kp[data-npb]{color:var(--npb);font-weight:600}.kp[data-npb].on{background:var(--npb);border-color:var(--npb);color:#fff}.kp.wide{font-size:.8rem}.kp.tgt{font-size:.78rem;min-height:1.9rem}.kp.br{font-family:ui-monospace,monospace}.kp-row{display:flex;gap:.3rem;flex-wrap:wrap;align-items:center}.kp-oct{min-width:3rem;font-size:.7rem;color:var(--muted)}.kp.sv{flex-direction:column;gap:.05rem;position:relative;min-width:2.8rem;padding:.2rem .35rem}.kp.sv .g{font-size:1.25rem;line-height:1.1}.kp.sv small{font-size:.55rem;color:var(--muted)}.raw-in{width:9rem}@media(max-width:640px){dialog.cell-json{width:calc(100vw - 1rem);max-width:none;padding:.75rem}.cell-json textarea{height:55vh}.kp{min-width:2rem;min-height:2rem;font-size:.82rem}.kp.sv{min-width:2.3rem}.kp-oct{min-width:2.2rem}.bar[data-astro-cid-p5zgd2w7]{position:static}.kp-bar{flex-wrap:wrap}.kp-name{display:none}.raw-in{flex:1 1 6rem;width:auto;min-width:0}}.keypad .kb{display:none;overflow-x:auto}.keypad.board .kp-body{display:none}.keypad.board .kb{display:block}.keypad.down .kb{display:none}.keypad.board .kbtoggle{background:var(--accent);color:#fff;border-color:var(--accent)}.kb-board{container-type:inline-size;display:flex;flex-direction:column;gap:.22rem;min-width:42rem}.kb-row{display:grid;grid-template-columns:repeat(60,1fr);gap:.22rem}.kb-key{display:grid;grid-template-rows:auto auto;grid-template-columns:minmax(0,1fr);align-content:center;justify-items:center;gap:.05rem;height:clamp(2.1rem,5.8cqi,3.6rem);padding:.15rem;overflow:hidden;font:inherit;border:1px solid var(--line);border-radius:6px;background:var(--panel);color:inherit;cursor:pointer}.kb-key:hover{border-color:var(--accent)}.kb-key kbd{justify-self:start;font:inherit;font-size:clamp(.4rem,.92cqi,.6rem);color:var(--ink)}.kb-key:disabled{background:transparent;opacity:.72}.kb-key:disabled kbd,.kb-key.mod kbd{justify-self:center}.kb-board[data-layer=base] .kb-key:not(.mod):not(:has(.kb-act.base)),.kb-board[data-layer=shift] .kb-key:not(.mod):not(:has(.kb-act.shift)),.kb-board[data-layer=alt] .kb-key:not(.mod):not(:has(.kb-act.alt)),.kb-board[data-layer=altshift] .kb-key:not(.mod):not(:has(.kb-act.altshift)){background:transparent;opacity:.72}.kb-key.sv{background:color-mix(in srgb,var(--accent) 9%,var(--panel))}.kb-key.hit{background:var(--accent-soft);border-color:var(--accent)}.kb-key.mod.on{background:var(--accent);color:#fff;border-color:var(--accent)}.kb-act{display:none;flex-direction:column;align-items:center;line-height:1.1;width:100%}.kb-board[data-layer=base] .kb-act.base,.kb-board[data-layer=shift] .kb-act.shift,.kb-board[data-layer=alt] .kb-act.alt,.kb-board[data-layer=altshift] .kb-act.altshift{display:flex}.kb-face{font-size:clamp(.62rem,1.7cqi,1.05rem)}.kb-key[data-code=Digit2]{--npb: var(--npb-2)}.kb-key[data-code=Digit3]{--npb: var(--npb-3)}.kb-key[data-code=Digit4]{--npb: var(--npb-4)}.kb-key[data-code=Digit5]{--npb: var(--npb-5)}.kb-act.base .kb-face{color:var(--npb, inherit)}.kb-name{font-size:clamp(.36rem,.92cqi,.56rem);color:var(--muted);text-align:center;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.tok.play{background:color-mix(in srgb,var(--play) 26%,transparent);box-shadow:inset 0 0 0 2px var(--play)}.kp.go.on{background:var(--play);border-color:var(--play);color:#06231a}.kp-sp{flex:1}.tok.sel{background:color-mix(in srgb,var(--accent) 22%,transparent)}.row.drop-before{box-shadow:0 -2px 0 var(--accent)}.row.drop-after{box-shadow:0 2px 0 var(--accent)}.tok.drop-before{box-shadow:-2px 0 0 var(--accent)}.tok.drop-after{box-shadow:2px 0 0 var(--accent)}.beats.drop-into{outline:2px dashed var(--accent);outline-offset:2px}.canvas.dragging .sel{opacity:.4}.canvas.words-stay .tok.sel .tl{opacity:.35}.drag-badge{position:fixed;top:0;left:0;padding:.25rem .6rem;border-radius:999px;background:var(--accent);color:#fff;font-size:.8rem;font-weight:600}.flash{animation:flash .7s ease-out}@keyframes flash{0%{background:color-mix(in srgb,var(--accent) 35%,transparent)}}@media(prefers-reduced-motion:reduce){.flash{animation:none}}.keypad [hidden]{display:none!important}.kp-sel{display:flex;flex-wrap:wrap;gap:.3rem;align-items:center;padding:.3rem .4rem;border-radius:10px;background:var(--accent-soft)}.kp-sel-n{font-size:.8rem;font-weight:600;color:var(--accent);padding:0 .4rem 0 .1rem}.kp.danger{color:var(--danger)}.kp:disabled{opacity:.35;cursor:default}dialog[data-astro-cid-p5zgd2w7].help{width:min(58rem,92vw);max-height:86vh;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:inherit;padding:1rem 1.3rem 1.2rem}dialog[data-astro-cid-p5zgd2w7].help::backdrop{background:#0000008c}dialog.cell-json{box-sizing:border-box;width:min(42rem,calc(100vw - 2rem));max-height:88vh;border:1px solid var(--line);border-radius:14px;background:var(--panel);color:inherit;padding:1rem}dialog.cell-json::backdrop{background:#0000008c}.cell-json h3{margin:0 0 .65rem}.json-scopes,.json-actions{display:flex;gap:.4rem;margin:.45rem 0}.json-scopes [aria-pressed=true]{border-color:var(--accent);color:var(--accent)}.cell-json textarea{box-sizing:border-box;width:100%;height:min(55vh,30rem);resize:vertical;font:.82rem/1.45 ui-monospace,SFMono-Regular,Menlo,monospace;border:1px solid var(--line);border-radius:8px;padding:.7rem;background:var(--bg);color:inherit}.json-error{min-height:1.2em;color:var(--danger);font-size:.8rem;margin-top:.35rem}.json-actions{justify-content:flex-end}.help[data-astro-cid-p5zgd2w7] h3{margin:0 0 .15rem}.help[data-astro-cid-p5zgd2w7] .help-lead{margin:0 0 .7rem;color:var(--muted);font-size:.8rem}.help[data-astro-cid-p5zgd2w7] .help-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(16rem,1fr));gap:0 1.6rem}.help[data-astro-cid-p5zgd2w7] h4{margin:.7rem 0 .25rem;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.help[data-astro-cid-p5zgd2w7] .help-row{display:flex;gap:.55rem;align-items:baseline;font-size:.82rem;padding:.08rem 0}.help[data-astro-cid-p5zgd2w7] .help-row[data-npb] kbd{color:var(--npb);border-color:var(--npb)}.help[data-astro-cid-p5zgd2w7] kbd{flex:none;min-width:5.5rem;text-align:center;font:.72rem/1.6 ui-monospace,monospace;border:1px solid var(--line);border-bottom-width:2px;border-radius:5px;padding:0 .35rem;background:var(--code-bg)}.help[data-astro-cid-p5zgd2w7] .help-close{margin-top:.9rem}.disc[data-astro-cid-p5zgd2w7]{margin-top:1rem}.disc[data-astro-cid-p5zgd2w7]>summary[data-astro-cid-p5zgd2w7]{cursor:pointer;font-weight:600;padding:.3rem 0}swaralipi-sheet[data-astro-cid-p5zgd2w7]{display:block;border:1px solid var(--line);border-radius:8px;padding:1rem;background:var(--paper);margin:.5rem 0;--sw-hl: #ffd54a66}textarea[data-astro-cid-p5zgd2w7]#raw{width:100%;height:11rem;font:.8rem ui-monospace,monospace;border:1px solid var(--line);border-radius:8px;padding:.75rem;background:var(--panel);color:inherit}.rawbar[data-astro-cid-p5zgd2w7]{margin:.4rem 0}.err[data-astro-cid-p5zgd2w7]{color:var(--danger);font:.78rem ui-monospace,monospace;white-space:pre-wrap;min-height:1rem;margin:.25rem 0 0;background:none;padding:0}