.ptut{--ptut-h:248px;--cap:56px;--g:9px;--tt:80px;--bt:134px;--lab:55px;--x0:50px;--x1:14px;--wv-top:46px;--wv-h:56px;--kb-h:64px;--ptut-cyan:#00e5ff;--ptut-violet:#b14bff;--ptut-magenta:#ff2e8a;--ptut-grad:linear-gradient(135deg, var(--ptut-cyan) 0%, var(--ptut-violet) 50%, var(--ptut-magenta) 100%);--ptut-ease:var(--ease,cubic-bezier(.2, .7, .2, 1));height:var(--ptut-h);isolation:isolate;background:var(--bg-sunken);color:var(--ink);font-family:var(--font-sans);text-align:left;border:1px solid #ffffff0f;border-radius:12px;position:relative;overflow:hidden}.ptut.is-compact{--ptut-h:200px;--cap:52px;--g:7px;--tt:60px;--bt:102px;--lab:39px;--x0:44px;--x1:12px;--wv-top:40px;--wv-h:42px;--kb-h:48px}.ptut i,.ptut b{font-style:normal}.ptut-layer{inset:0 0 var(--cap);opacity:0;position:absolute}.ptut-wave{left:14px;right:14px;top:var(--wv-top);height:var(--wv-h);align-items:center;gap:2px;display:flex;position:absolute}.ptut-wave>i{background:var(--accent-amber);opacity:.8;border-radius:2px;flex:1}.ptut-kbd{height:var(--kb-h);gap:1px;display:flex;position:absolute;bottom:6px;left:14px;right:14px}.ptut-wk{background:#bfbdb9;background:lab(76.8243% .167131 2.28475);border-radius:0 0 3px 3px;flex:1;position:relative;overflow:hidden}.ptut-lit{background:var(--accent-amber);opacity:0;position:absolute;inset:0}.ptut-bk{top:0;left:calc(100% / 18 * var(--i) - 100% / 18 * .3);background:#0e0d0b;background:lab(3.70746% .192635 1.07586);border-radius:0 0 2px 2px;width:3.33333%;height:60%;position:absolute}.ptut-score{position:absolute;inset:0}.ptut-staff{left:12px;right:var(--x1);height:calc(var(--g) * 4 + 1px);background-image:repeating-linear-gradient(to bottom, #ffffff24 0 1px, transparent 1px var(--g));position:absolute}.ptut-staff.is-t{top:var(--tt)}.ptut-staff.is-b{top:var(--bt)}.ptut-system,.ptut-bar{top:var(--tt);height:calc(var(--bt) - var(--tt) + var(--g) * 4 + 1px);position:absolute}.ptut-system{background:#ffffff4d;width:1.5px;left:12px}.ptut-bar{left:calc(var(--x0) + (100% - var(--x0) - var(--x1)) * var(--f));background:#ffffff42;width:1px;margin-left:-.5px}.ptut-bar.is-end{background:#ffffff57;width:2px;margin-left:-2px}.ptut-clef{pointer-events:none;color:#f5f3f0d9;color:lab(95.9605% .135928 1.90176/.85);position:absolute;left:16px;overflow:visible}.ptut-clef>text{font-family:var(--font-music);fill:currentColor}.ptut-clef.is-t{top:calc(var(--tt) + var(--g) * 4.3)}.ptut-clef.is-t>text{font-size:calc(var(--g) * 4.17)}.ptut-clef.is-b{top:calc(var(--bt) + var(--g) * 4)}.ptut-clef.is-b>text{font-size:calc(var(--g) * 4)}.ptut-ch{top:0;left:calc(var(--x0) + (100% - var(--x0) - var(--x1)) * var(--f));width:0;height:0;position:absolute}.ptut-head{left:calc(var(--g) * -.68);top:calc(var(--top) + var(--s) * var(--g) / 2 + .5px - var(--g) * .47);width:calc(var(--g) * 1.36);height:calc(var(--g) * .94);background-color:var(--ink);border-radius:50%;position:absolute;transform:rotate(-20deg)}.ptut-head.is-t{--top:var(--tt)}.ptut-head.is-b{--top:var(--bt)}.ptut-head.is-ghost{opacity:0}.ptut-lab{top:var(--lab);left:calc(var(--x0) + (100% - var(--x0) - var(--x1)) * var(--f));position:absolute;transform:translate(-50%)}.ptut-lab>b{font-family:var(--font-sans);letter-spacing:-.01em;background-image:var(--ptut-grad);color:#0000;-webkit-background-clip:text;background-clip:text;padding-right:.04em;font-size:14px;font-weight:600;line-height:1;display:block}.ptut.is-compact .ptut-lab>b{font-size:12.5px}.ptut-sel{left:calc(var(--x0) + (100% - var(--x0) - var(--x1)) * var(--f));top:calc(var(--tt) + var(--s) * var(--g) / 2 + .5px);width:calc(var(--g) * 2.5);height:calc(var(--g) * 2.5);margin:calc(var(--g) * -1.25) 0 0 calc(var(--g) * -1.25);border:1.5px solid var(--accent-amber);border-radius:50%;position:absolute;box-shadow:0 0 10px #f2ba5380;box-shadow:0 0 10px lab(79.1911% 13.3651 58.6741/.5)}.ptut-sweep{left:var(--x0);right:var(--x1);top:calc(var(--tt) - 8px);height:calc(var(--bt) - var(--tt) + var(--g) * 4 + 16px);opacity:0;position:absolute}.ptut-sweep>i{background:var(--c);width:2px;box-shadow:0 0 10px var(--c);border-radius:2px;position:absolute;top:0;bottom:0;left:-1px}.ptut-sweep.is-live{--c:var(--bad)}.ptut-sweep.is-parse{--c:var(--ptut-cyan)}.ptut-sweep.is-play{--c:var(--accent-amber)}.ptut-top{justify-content:space-between;align-items:center;gap:8px;display:flex;position:absolute;top:12px;left:12px;right:12px}.ptut.is-compact .ptut-top{top:10px}.ptut-t1,.ptut-t2{opacity:0}.ptut-pill{background:var(--bg-elevated);height:24px;font-family:var(--font-mono);color:var(--ink-muted);white-space:nowrap;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:6px;padding:0 10px;font-size:10.5px;line-height:1;display:inline-flex;position:relative}.ptut.is-compact .ptut-pill{height:22px;padding:0 9px;font-size:10px}.ptut-pill.is-btn{color:var(--ink)}.ptut-pill.is-btn>i{border-radius:inherit;border:1px solid var(--ptut-violet);opacity:0;background:#b14bff33;position:absolute;inset:-1px;box-shadow:0 0 12px #b14bff73}.ptut-pill.is-btn>span,.ptut-pill.is-btn>svg{position:relative}.ptut-acts{gap:6px;display:flex}.ptut-a0{justify-content:center;width:24px;padding:0}.ptut.is-compact .ptut-a0{width:22px;padding:0}.ptut-pill.ptut-a0>i{border-color:var(--accent-amber);background:#f2ba5333;background:lab(79.1911% 13.3651 58.6741/.2);box-shadow:0 0 12px #f2ba5380;box-shadow:0 0 12px lab(79.1911% 13.3651 58.6741/.5)}.ptut-a0>svg{margin-left:1px}.ptut-rec{background:var(--bad);border-radius:99px;width:6px;height:6px}.ptut-eq{align-items:flex-end;gap:2px;height:10px;display:flex}.ptut-eq>i{background:var(--accent-amber);transform-origin:bottom;border-radius:1px;width:2px;height:10px}.ptut-seg{background:var(--bg-elevated);height:24px;font-family:var(--font-mono);border:1px solid #ffffff1f;border-radius:999px;gap:2px;padding:2px;font-size:10.5px;line-height:1;display:inline-flex}.ptut.is-compact .ptut-seg{height:22px;font-size:10px}.ptut-seg>span{color:var(--ink-subtle);border-radius:999px;align-items:center;padding:0 8px;display:inline-flex}.ptut-seg>.is-on{background:var(--bg-elevated-2);color:var(--ink)}.ptut-parse{overflow:hidden}.ptut-pfill{background-image:var(--ptut-grad);transform-origin:0;height:2px;position:absolute;bottom:0;left:0;right:0}.ptut-scrim{height:calc(var(--cap) + 10px);background-image:linear-gradient(#0000,#040403eb 45%);background-image:linear-gradient(#0000,lab(1.04817% .0684783 .367215/.92) 45%);position:absolute;bottom:0;left:0;right:0}.ptut-cap{color:var(--ink);text-wrap:pretty;opacity:0;font-size:14px;font-weight:500;line-height:1.25;position:absolute;bottom:15px;left:14px;right:64px}.ptut.is-compact .ptut-cap{font-size:13px;bottom:14px}.ptut-count{font-family:var(--font-mono);color:var(--ink-muted);opacity:0;font-size:11px;position:absolute;bottom:16px;right:14px}.ptut.is-compact .ptut-count{bottom:15px}.ptut-cap.s3,.ptut-count.s3{opacity:1}.ptut-progress{grid-template-columns:repeat(4,1fr);gap:2px;display:grid;position:absolute;bottom:0;left:0;right:0}.ptut-prog{background:#ffffff14;height:3px;overflow:hidden}.ptut-prog>i{background-image:var(--ptut-grad);transform-origin:0;height:100%;display:block}@keyframes ptut-step-0{0%{opacity:0}3%,23%{opacity:1}26%,to{opacity:0}}@keyframes ptut-step-1{0%,25%{opacity:0}28%,48%{opacity:1}51%,to{opacity:0}}@keyframes ptut-step-2{0%,50%{opacity:0}53%,73%{opacity:1}76%,to{opacity:0}}@keyframes ptut-step-3{0%,75%{opacity:0}78%,96%{opacity:1}99%,to{opacity:0}}@keyframes ptut-score{0%,25%{opacity:0}28%,96%{opacity:1}99%,to{opacity:0}}@keyframes ptut-cap-0{0%{opacity:0;transform:translateY(6px)}3%,23%{opacity:1;transform:none}26%,to{opacity:0;transform:translateY(6px)}}@keyframes ptut-cap-1{0%,25%{opacity:0;transform:translateY(6px)}28%,48%{opacity:1;transform:none}51%,to{opacity:0;transform:translateY(6px)}}@keyframes ptut-cap-2{0%,50%{opacity:0;transform:translateY(6px)}53%,73%{opacity:1;transform:none}76%,to{opacity:0;transform:translateY(6px)}}@keyframes ptut-cap-3{0%,75%{opacity:0;transform:translateY(6px)}78%,96%{opacity:1;transform:none}99%,to{opacity:0;transform:translateY(6px)}}@keyframes ptut-prog-0{0%{transform:scaleX(0)}25%,99.9%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes ptut-prog-1{0%,25%{transform:scaleX(0)}50%,99.9%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes ptut-prog-2{0%,50%{transform:scaleX(0)}75%,99.9%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes ptut-prog-3{0%,75%{transform:scaleX(0)}98%,99.9%{transform:scaleX(1)}to{transform:scaleX(0)}}@keyframes ptut-bar-h{0%{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes ptut-blink{0%,55%{opacity:1}56%,to{opacity:.15}}@keyframes ptut-lit{0%,3.5%{opacity:0}4.5%,8.5%{opacity:1}9.5%,to{opacity:0}}@keyframes ptut-live{0%,26.9%{opacity:0;transform:translate(0)}27%{opacity:1;transform:translate(0)}47%{opacity:1;transform:translate(100%)}48.5%,to{opacity:0;transform:translate(100%)}}@keyframes ptut-ch{0%,29.4%{opacity:0;transform:translate(var(--dx), -5px)}30%{opacity:.4;transform:translate(var(--dx), 0)}32.5%{opacity:.4;transform:translate(var(--dx), 0)}34%{opacity:1;transform:translate(var(--dx), 0)}53.5%{opacity:1;transform:translate(var(--dx), 0)}55.5%,to{opacity:1;transform:translate(0)}}@keyframes ptut-parse{0%,50.9%{opacity:0;transform:translate(0)}51%{opacity:1;transform:translate(0)}71%{opacity:1;transform:translate(100%)}72.5%,to{opacity:0;transform:translate(100%)}}@keyframes ptut-pfill{0%,51%{transform:scaleX(0)}71%,to{transform:scaleX(1)}}@keyframes ptut-lab{0%,29.4%{opacity:0;transform:translate(var(--dx), 4px)}30%,32.5%{opacity:.4;transform:translate(var(--dx), 0)}34%,53.5%{opacity:1;transform:translate(var(--dx), 0)}55.5%,to{opacity:1;transform:translate(0)}}@keyframes ptut-ghost{0%,53.5%{opacity:1}55%,to{opacity:0}}@keyframes ptut-barline{0%,31.8%{opacity:0;transform:scaleY(.3)}33%,55.5%{opacity:.6;transform:none}57.5%,to{opacity:1;transform:none}}@keyframes ptut-tempo{0%,66.5%{opacity:0;transform:translateY(4px)}69%,to{opacity:1;transform:none}}@keyframes ptut-a0{0%,76%{opacity:0}77%,87.5%{opacity:1}89%,to{opacity:0}}@keyframes ptut-play{0%,76.9%{opacity:0;transform:translate(0)}77%{opacity:1;transform:translate(0)}88%{opacity:1;transform:translate(100%)}89%,to{opacity:0;transform:translate(100%)}}@keyframes ptut-sel{0%,88.5%{opacity:0;transform:scale(1.8)}90%,to{opacity:1;transform:scale(1)}}@keyframes ptut-a1{0%,90%{opacity:0}91%,94%{opacity:1}95%,to{opacity:0}}@keyframes ptut-a2{0%,93.5%{opacity:0}94.5%,97%{opacity:1}98%,to{opacity:0}}@media (prefers-reduced-motion:no-preference){.ptut-layer.ptut-l0{animation:12.8s infinite ptut-step-0}.ptut-score{animation:12.8s infinite ptut-score}.ptut-t1{animation:ptut-step-1 12.8s var(--ptut-ease) infinite}.ptut-t2{animation:ptut-step-2 12.8s var(--ptut-ease) infinite}.ptut-t3{animation:ptut-step-3 12.8s var(--ptut-ease) infinite}.ptut-count.s0{animation:ptut-step-0 12.8s var(--ptut-ease) infinite}.ptut-count.s1{animation:ptut-step-1 12.8s var(--ptut-ease) infinite}.ptut-count.s2{animation:ptut-step-2 12.8s var(--ptut-ease) infinite}.ptut-count.s3{animation:ptut-step-3 12.8s var(--ptut-ease) infinite}.ptut-cap.s0{animation:ptut-cap-0 12.8s var(--ptut-ease) infinite}.ptut-cap.s1{animation:ptut-cap-1 12.8s var(--ptut-ease) infinite}.ptut-cap.s2{animation:ptut-cap-2 12.8s var(--ptut-ease) infinite}.ptut-cap.s3{animation:ptut-cap-3 12.8s var(--ptut-ease) infinite}.ptut-prog.s0>i{animation:12.8s linear infinite ptut-prog-0}.ptut-prog.s1>i{animation:12.8s linear infinite ptut-prog-1}.ptut-prog.s2>i{animation:12.8s linear infinite ptut-prog-2}.ptut-prog.s3>i{animation:12.8s linear infinite ptut-prog-3}.ptut-wave>i,.ptut-eq>i{animation:1s ease-in-out infinite alternate ptut-bar-h}.ptut-rec{animation:1.6s step-end infinite ptut-blink}.ptut-lit{animation:ptut-lit 12.8s var(--ptut-ease) infinite;animation-delay:calc(var(--k) * .64s)}.ptut-ch{animation:ptut-ch 12.8s var(--ptut-ease) infinite;animation-delay:calc(var(--k) * .64s)}.ptut-lab>b{animation:ptut-lab 12.8s var(--ptut-ease) infinite;animation-delay:calc(var(--k) * .64s)}.ptut-head.is-ghost{animation:ptut-ghost 12.8s var(--ptut-ease) infinite;animation-delay:calc(var(--k) * .64s)}.ptut-bar{animation:ptut-barline 12.8s var(--ptut-ease) infinite;animation-delay:calc(var(--k) * .64s)}.ptut-sweep.is-live{animation:12.8s linear infinite ptut-live}.ptut-sweep.is-parse{animation:12.8s linear infinite ptut-parse}.ptut-sweep.is-play{animation:12.8s linear infinite ptut-play}.ptut-pfill{animation:12.8s linear infinite ptut-pfill}.ptut-tempo{animation:ptut-tempo 12.8s var(--ptut-ease) infinite}.ptut-a0>i{animation:ptut-a0 12.8s var(--ptut-ease) infinite}.ptut-a1>i{animation:ptut-a1 12.8s var(--ptut-ease) infinite}.ptut-a2>i{animation:ptut-a2 12.8s var(--ptut-ease) infinite}.ptut-sel{animation:ptut-sel 12.8s var(--ptut-ease) infinite}}