.metronome[data-v-08479636]{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.metronome-main[data-v-08479636]{display:flex;align-items:center;gap:8px}.metronome-btn[data-v-08479636]{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#3b82f626;border:1px solid rgba(59,130,246,.4);color:#60a5fa;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s ease}.metronome-btn[data-v-08479636]:hover{background:#3b82f640;border-color:#3b82f699}.metronome-btn.playing[data-v-08479636]{background:#3b82f659;border-color:#3b82f6;box-shadow:0 0 12px #3b82f666}.icon[data-v-08479636]{font-size:16px}.bpm-control[data-v-08479636]{display:flex;align-items:center;justify-content:center;gap:4px}.signature-control[data-v-08479636]{display:flex;flex-wrap:wrap;gap:6px}.signature-btn[data-v-08479636]{min-width:54px;padding:6px 10px;border:1px solid rgba(148,163,184,.22);background:#0f172a8c;color:#cbd5e1;border-radius:999px;cursor:pointer;font-size:12px;font-weight:700;letter-spacing:.04em;transition:all .2s ease}.signature-btn[data-v-08479636]:hover{border-color:#60a5fa57;color:#eff6ff}.signature-btn.active[data-v-08479636]{border-color:#3b82f67a;background:#3b82f62e;color:#bfdbfe}.bpm-btn[data-v-08479636]{width:28px;height:28px;border:none;background:#3b82f633;color:#60a5fa;border-radius:4px;cursor:pointer;font-size:16px;font-weight:700;transition:all .2s ease;display:flex;align-items:center;justify-content:center;line-height:1}.bpm-btn[data-v-08479636]:hover{background:#3b82f666}@media(max-height:700px){.metronome[data-v-08479636],.metronome-main[data-v-08479636]{gap:6px}.metronome-btn[data-v-08479636]{padding:6px 12px;font-size:12px;gap:6px}.icon[data-v-08479636]{font-size:14px}.bpm-btn[data-v-08479636]{width:24px;height:24px;font-size:14px}.signature-btn[data-v-08479636]{min-width:48px;padding:5px 9px;font-size:11px}}