#tl-piano .pv-bar{display:flex;flex-wrap:wrap;gap:var(--sp-3);align-items:center;justify-content:space-between;margin-bottom:var(--sp-3)}#tl-piano .pv-readout{display:flex;align-items:baseline;gap:.6em;min-height:44px;flex-wrap:wrap}#tl-piano .pv-note{font:700 1.5rem/1 var(--ea-font-mono);color:var(--ea-fg);min-width:7ch}#tl-piano .pv-chord{font:600 var(--ea-fs-ui)var(--ea-font-text);color:var(--ea-teal)}#tl-piano .pv-actions{display:flex;flex-wrap:wrap;gap:var(--sp-2);align-items:center}#tl-piano .pv-oct{display:inline-flex;align-items:center;gap:6px}#tl-piano .pv-oct .tl-btn{min-height:44px}#tl-piano .pv-actions>.tl-btn{min-height:44px}#tl-piano .pv-range{font:600 var(--ea-fs-sm)var(--ea-font-mono);color:var(--ea-fg-soft);min-width:8ch;text-align:center}#tl-piano .pv-dot{width:10px;height:10px;border-radius:50%;background:var(--ea-magenta);display:inline-block}#tl-piano .pv-rec[aria-pressed=true]{border-color:var(--ea-magenta);color:var(--ea-magenta)}#tl-piano .pv-rec[aria-pressed=true] .pv-dot{animation:pv-blink 1s steps(2)infinite}@media(prefers-reduced-motion:reduce){#tl-piano .pv-rec[aria-pressed=true] .pv-dot{animation:none}}@keyframes pv-blink{50%{opacity:.2}}#tl-piano .pv-kbd .tl-kbd{height:210px}@media(max-width:600px){#tl-piano .pv-kbd .tl-kbd{height:170px}#tl-piano .pv-keyhint{display:none}}#tl-piano .pv-keyhint{margin-top:var(--sp-2)}#tl-piano .pv-keyhint kbd{font:600 11px var(--ea-font-mono);padding:1px 5px;border:1px solid var(--ea-line-2);border-radius:4px}#tl-piano .pv-controls{margin-top:var(--sp-4);align-items:end}#tl-piano .pv-lower{margin-top:var(--sp-4)}#tl-piano .pv-lower .tl-block+.tl-block{margin-top:0}#tl-piano .pv-hl,#tl-piano .pv-io{background:var(--ea-elevated);border:1px solid var(--ea-line);border-radius:var(--rad-md);padding:var(--sp-4)}#tl-piano .pv-hl__f{margin-top:var(--sp-2);gap:var(--sp-2)}@media(min-width:760px){#tl-piano .pv-hl__f{grid-template-columns:1fr 1fr 1.3fr}}#tl-piano .pv-out{margin-top:var(--sp-3);display:grid;gap:var(--sp-2)}#tl-piano .pv-out[hidden]{display:none}#tl-piano .pv-out audio{width:100%}.is-embed #tl-piano .pv-lower{display:none}