.tool[data-tool=metronome] .beats{gap:var(--space-3);flex-wrap:wrap;justify-content:center;min-block-size:44px;display:flex}.tool[data-tool=metronome] .dot{border:2px solid var(--c-border-strong);background:var(--c-surface-2);border-radius:50%;block-size:36px;inline-size:36px}.tool[data-tool=metronome] .dot.accent{border-color:var(--c-accent)}.tool[data-tool=metronome] .dot.on{background:var(--c-primary);border-color:var(--c-primary)}.tool[data-tool=metronome] .dot.on.accent{background:var(--c-accent);border-color:var(--c-accent)}.tool[data-tool=metronome] .dot.flash{transform:scale(1.18)}.tool[data-tool=metronome] .bpm-row{gap:var(--space-2);display:flex}.tool[data-tool=metronome] .bpm-row input{text-align:center;flex:1;min-inline-size:0}.tool[data-tool=metronome] .range{min-block-size:40px;inline-size:100%;accent-color:var(--c-primary)}@media (prefers-reduced-motion:reduce){.tool[data-tool=metronome] .dot.flash{transform:none}}