.bd-stage{gap:var(--space-2);align-items:stretch}.bd-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;min-height:168px;padding:22px 16px;border:2px dashed var(--color-border);border-radius:var(--radius-media);background:var(--color-surface-2);color:var(--color-ink);text-align:center;cursor:pointer;transition:border-color .15s ease,background .15s ease}.bd-drop:hover,.bd-drop.is-over,.bd-drop:focus-within{border-color:var(--color-accent);background:var(--color-accent-dim)}.bd-drop:focus-within{outline:2px solid var(--color-accent);outline-offset:2px}.bd-drop__ico{width:44px;height:44px;color:var(--color-accent-ink)}.bd-drop__ico svg{width:100%;height:100%}.bd-drop__title{font-weight:700;font-size:var(--fs-lg, 1.15rem)}.bd-drop__sub{font-size:var(--fs-sm);color:var(--color-gray);word-break:break-word}.bd-drop.is-busy{pointer-events:none;border-style:solid}.bd-drop.is-busy .bd-drop__ico{animation:bd-pulse 1s ease-in-out infinite}@keyframes bd-pulse{50%{opacity:.35;transform:scale(.92)}}.bd-privacy{display:flex;gap:8px;align-items:center;justify-content:center;margin:0;font-size:var(--fs-sm);color:var(--color-ink-soft);text-align:center}.bd-privacy svg{width:16px;height:16px;flex:0 0 auto;color:var(--color-accent-ink)}.bd-result{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);width:100%}.bd-result[hidden]{display:none}.bd-file{margin:4px 0 0;font-size:var(--fs-sm);color:var(--color-gray);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bd-bpm{display:flex;flex-direction:column;align-items:center}.bd-bpm__val{font-size:clamp(4rem,18vw,6.5rem);line-height:1}.bd-conf{display:flex;align-items:center;gap:8px;margin:0;font-size:var(--fs-sm);color:var(--color-ink-soft)}.bd-conf__bar{width:72px;height:6px;border-radius:999px;background:var(--color-surface-3);overflow:hidden}.bd-conf__bar span{display:block;height:100%;background:var(--color-accent);border-radius:inherit}.bd-conf[data-level=baja] .bd-conf__bar span{background:var(--color-warn)}.bd-alts{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.bd-hint{margin:0;font-size:var(--fs-sm);color:var(--color-gray);text-align:center;max-width:44ch}.bd-player{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;width:100%}.bd-player .btn.is-on{background:var(--color-ink);border-color:var(--color-ink);color:var(--color-bg)}.bd-wave{position:relative;height:64px;border-radius:6px;background:var(--color-surface-2);cursor:pointer;touch-action:none}.bd-wave:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.bd-wave svg{position:absolute;inset:4px 0;width:100%;height:calc(100% - 8px)}.bd-wave__bars{stroke:var(--color-gray);fill:none}.bd-wave__ticks{stroke:var(--color-accent);stroke-width:1;opacity:.45;fill:none;vector-effect:non-scaling-stroke}.bd-wave__head{position:absolute;top:0;bottom:0;width:2px;margin-left:-1px;background:var(--color-ink);left:0;pointer-events:none}.bd-time{font-variant-numeric:tabular-nums;font-size:var(--fs-sm);color:var(--color-ink-soft);min-width:3.2em;text-align:right}.bd-actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.bd-fine{display:flex;flex-wrap:wrap;gap:8px}.bd-tips ul{margin:0;padding-left:1.1em;display:grid;gap:6px;font-size:var(--fs-base);color:var(--color-ink-soft)}@media (max-width: 560px){.bd-player{grid-template-columns:1fr auto}.bd-player .btn{grid-column:1 / -1;justify-content:center}.bd-drop{min-height:132px}}.ptl-ico{display:inline-block;width:16px;height:16px;margin:0 6px 0 0;vertical-align:-3px;color:var(--g-ink, var(--color-accent-ink));flex:0 0 auto}.bd-drop.is-loaded{flex-direction:row;min-height:0;padding:10px 14px;gap:10px;justify-content:flex-start;text-align:left}.bd-drop.is-loaded .bd-drop__ico{width:26px;height:26px}.bd-drop.is-loaded .bd-drop__title{font-size:var(--fs-base)}.bd-drop.is-loaded .bd-drop__sub{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:50%}.bd-wave svg .bd-wave__ticks{opacity:.8}