.a-act{order:1}.a-stg{order:2}.a-snd{order:3}.a-reg{order:4}.a-out{order:5}.a-tl{order:6}.a-thy{order:7}@media (width>=1000px){.tgrid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);grid-template-areas:"act act""stg stg""c1 c2""thy thy";align-items:start}.a-stg{grid-area:stg}.a-act{grid-area:act}.c1{grid-area:c1}.c2{grid-area:c2}.a-thy{grid-area:thy}}:root{--c-key:#8a6a3a;--c-whp:#2a64b0;--c-jack:#1d7f52;--c-rep:#a66a00;--c-ham:#7044b8;--c-dmp:#687078;--felt:#cfd8c6;--felt-ln:#6f7d66;--str:#3b434a;--hot:var(--accent)}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--c-key:#c9a46a;--c-whp:#80acee;--c-jack:#5fd09a;--c-rep:#f2c230;--c-ham:#c9a3e6;--c-dmp:#a7afb5;--felt:#3d4a3f;--felt-ln:#9bb08f;--str:#c7cdd1}}:root[data-theme=dark]{--c-key:#c9a46a;--c-whp:#80acee;--c-jack:#5fd09a;--c-rep:#f2c230;--c-ham:#c9a3e6;--c-dmp:#a7afb5;--felt:#3d4a3f;--felt-ln:#9bb08f;--str:#c7cdd1}.awrap svg,.fr .fth svg{width:100%;height:auto;display:block;overflow:visible}.awrap svg{overflow:hidden}.bd{fill:none;stroke-width:.75px;stroke-linejoin:round;stroke-linecap:round}.bd.key{stroke:var(--c-key)}.bd.whippen{stroke:var(--c-whp)}.bd.jack{stroke:var(--c-jack)}.bd.rep{stroke:var(--c-rep)}.bd.hammer{stroke:var(--c-ham)}.bd.damper{stroke:var(--c-dmp)}.bd.dim{opacity:.32}.bd.em{stroke-width:1.5px}.ft{fill:var(--felt);stroke:var(--felt-ln);stroke-width:.5px}.fx{fill:var(--inset);stroke:var(--line-2);stroke-width:.6px}.fx-l{stroke:var(--line-2);stroke-width:.8px}.pv{fill:var(--surface);stroke:var(--ink-2);stroke-width:.6px}.mt{fill:none;stroke:var(--ink-3);stroke-width:.9px;stroke-linecap:round}.str{fill:none;stroke:var(--str);stroke-width:1.4px}.rip{fill:none;stroke:var(--ch2);stroke-width:1px}.cdot{fill:var(--hot)}.chl{fill:none;stroke:var(--ink);stroke-width:1.2px}.push{stroke:var(--ink);stroke-width:1.2px}.pushh{fill:var(--ink)}.vel{stroke:var(--ch2);stroke-width:1.2px}.velh{fill:var(--ch2)}.ag{grid-template-columns:minmax(0,1fr);align-items:start;gap:14px 22px;display:grid}@media (width>=900px){.ag{grid-template-columns:minmax(0,1fr) 300px}}.lgd{color:var(--ink-2);flex-wrap:wrap;gap:4px 14px;margin:0 0 6px;font-size:12px;display:flex}.lgd span{align-items:center;gap:6px;display:inline-flex}.sw.p-key,.sw.p-whippen,.sw.p-jack,.sw.p-rep,.sw.p-hammer,.sw.p-damper{box-shadow:none;height:3px}.sw.p-key{background:var(--c-key)}.sw.p-whippen{background:var(--c-whp)}.sw.p-jack{background:var(--c-jack)}.sw.p-rep{background:var(--c-rep)}.sw.p-hammer{background:var(--c-ham)}.sw.p-damper{background:var(--c-dmp)}.awrap{position:relative}.alab{pointer-events:none;font:500 12px/1 var(--sans);position:absolute;inset:0}.a-lab.hv{pointer-events:auto;cursor:help;text-decoration:underline dotted var(--ink-3);text-underline-offset:3px}.a-info{font:500 12px/1.4 var(--sans);color:var(--ink-3);pointer-events:none;flex-direction:column;align-items:flex-end;gap:2px;display:flex;position:absolute;top:2px;right:2px}.a-info b{font:700 12.5px/1.4 var(--mono);color:var(--ink);margin-left:6px}.a-tip{z-index:5;border:1px solid var(--line-2);background:var(--surface);max-width:min(280px,90%);color:var(--ink-2);pointer-events:none;border-radius:6px;padding:7px 10px;font-size:12.5px;line-height:1.6;position:absolute;box-shadow:0 6px 18px #0000002e}.a-tip b{color:var(--ink);font-size:13px;display:block}.a-tip .f{font-family:var(--mono);color:var(--ink-3)}.a-lab{white-space:nowrap;color:var(--ink-3);position:absolute;transform:translateY(-50%)}.a-lab.r{transform:translate(-100%,-50%)}.a-vel{white-space:nowrap;font:700 12px/1 var(--mono);color:var(--ch2);position:absolute;transform:translateY(-50%)}.busy{background:var(--surface);border:1px solid var(--line);color:var(--ink-2);border-radius:3px;margin:0;padding:3px 8px;font-size:12px;position:absolute;bottom:6px;right:6px}.akb{margin-top:10px}.akb-l{color:var(--ink-3);font-size:12px}.cap h3{margin:0 0 6px;font-size:18px;line-height:1.35}.cap h3 .no{font:700 14px/1 var(--mono);color:var(--ink-3);margin-right:8px}.cap p{color:var(--ink-2);margin:0 0 10px;font-size:13.5px;line-height:1.7}.frames{grid-template-columns:repeat(var(--nf,7),minmax(0,1fr));gap:8px;display:grid}@media (width<=860px){.frames{grid-template-columns:repeat(4,minmax(0,1fr))}}.fr{border:1px solid var(--line);text-align:left;cursor:pointer;min-width:0;color:inherit;font:inherit;background:0 0;border-radius:4px;flex-direction:column;gap:2px;padding:6px 6px 8px;display:flex}.fr:hover{border-color:var(--line-2)}.fr[aria-pressed=true]{border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.fr .no{font:700 11px/1 var(--mono);color:var(--ink-3)}.fr b{font-size:13px;line-height:1.3}.fr small{font:500 11px/1.2 var(--mono);color:var(--ink-3)}.fr .fth{background:var(--surface);border-radius:3px;margin:2px 0 4px;display:block;overflow:hidden}.fr .bd{stroke-width:1.6px}.fr .bd.em{stroke-width:2.4px}.fr .bd.dim{opacity:.45}.fr.bad b{color:var(--warn)}.tp{margin-top:12px}.tp-tk path.mj{stroke-width:1.5px}.tp-tm{margin-top:6px}@media (width<=420px){.tp{column-gap:6px;padding-inline:4px}.tp-side{gap:2px;padding-left:6px}}#tp-loop[aria-pressed=true]{background:var(--ink);color:var(--surface);border-color:var(--ink)}.m-sub{font:12px/1.5 var(--sans);color:var(--ink-3);margin-top:2px;display:block}.m-main dd{font-size:30px}.stl{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 10px;font-size:12.5px;display:grid}.stl .nm{color:var(--ink-2)}.stl .nm.on{color:var(--ink);font-weight:700}.stl .row{align-items:center;gap:8px;min-width:0;display:flex}.stl .bar{background:color-mix(in srgb,var(--ink-3) 45%,transparent);border-radius:2px;flex:none;height:10px}.stl .bar.on{background:var(--hot)}.stl .len{font:500 11.5px/1 var(--mono);color:var(--ink-3);white-space:nowrap}.stl-n{margin:8px 0 0}
