:root{--accent-soft: color-mix(in srgb, var(--accent) 18%, transparent);--danger: #c0392b;--play: #2ecc71}: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 .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){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}.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 .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}.tok .hy{color:var(--muted)}.tok .rawg{font-family:ui-monospace,monospace;font-size:.7em;opacity:.6}.tok .ann{font-size:.62rem;line-height:1;padding:0 .2rem;border-radius:4px;background:var(--code-bg);color:var(--muted);max-width:6rem;overflow:hidden;text-overflow:ellipsis}.tok .ann.above{order:-1;margin-bottom:.15rem}.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}.caret{width:2px;align-self:stretch;background:var(--accent);border-radius:1px;animation:blink 1s step-end infinite}@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.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-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[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){.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}.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}.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}