.bpm-page .bpm-readout{text-align:center;min-width:0;padding:18px 20px 6px}.bpm-page .bpm-readout h2{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 8px;font-size:13px;font-weight:600}.bpm-page .bpm-readout .value-line{justify-content:center;align-items:baseline;gap:8px;min-width:0;display:flex}.bpm-page .bpm-readout output{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;font-size:clamp(28px,7vw,48px);font-weight:600;line-height:1.15}.bpm-page .bpm-readout .caption{max-width:36rem;margin:8px auto 0}.bpm-page .bpm-unit{margin-left:8px;font-size:18px;font-weight:600}.bpm-page .tempo-options{justify-content:center;margin:12px auto 0}.bpm-page .bpm-actions{flex-wrap:wrap;justify-content:center;gap:12px;padding:8px 16px 20px;display:flex}.bpm-page .bpm-actions .button{min-width:min(100%,220px)}.bpm-page .player{justify-content:flex-start;min-width:0}.bpm-page .file-row,.bpm-page .file-info{min-width:0}.bpm-page .copy-fallback{text-align:left}@media (max-width:600px){.bpm-page .file-row{flex-direction:column;align-items:stretch}.bpm-page .file-actions{flex-wrap:wrap;justify-content:flex-start}.bpm-page .player{gap:12px}}