.compact-metronome.svelte-xp87da{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0;font-size:.875rem}.play-button.svelte-xp87da{width:32px;height:32px;border-radius:50%;border:1px solid var(--border-secondary);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.play-button.svelte-xp87da:hover,.play-button.playing.svelte-xp87da{border-color:var(--accent-primary);background-color:var(--accent-primary);color:#fff}.play-button.playing.svelte-xp87da:hover{background-color:#dc2626;border-color:#dc2626}.bpm-controls.svelte-xp87da{display:flex;align-items:center;gap:2px;flex-shrink:0}.bpm-btn.svelte-xp87da{width:24px;height:24px;border-radius:var(--radius-sm);border:1px solid var(--border-secondary);background-color:var(--bg-primary);color:var(--text-primary);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bpm-btn.svelte-xp87da:hover:not(:disabled){background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.bpm-btn.svelte-xp87da:disabled{opacity:.5;cursor:not-allowed}.bpm-input.svelte-xp87da{width:48px;padding:4px 6px;border:1px solid var(--border-secondary);border-radius:var(--radius-sm);background-color:var(--bg-primary);color:var(--text-primary);font-size:.75rem;font-weight:600;text-align:center;flex-shrink:0;-moz-appearance:textfield}.bpm-input.svelte-xp87da::-webkit-outer-spin-button,.bpm-input.svelte-xp87da::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bpm-input.svelte-xp87da:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #673ab71a}.bpm-label.svelte-xp87da{color:var(--text-secondary);font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}@media (max-width: 640px){.compact-metronome.svelte-xp87da{gap:var(--space-xs)}.play-button.svelte-xp87da{width:28px;height:28px}.bpm-btn.svelte-xp87da{width:20px;height:20px}.bpm-input.svelte-xp87da{width:40px;padding:2px 4px;font-size:.7rem}.bpm-label.svelte-xp87da{font-size:.65rem}}