.bpm-chips-container.svelte-1sqqwix{container-type:inline-size;container-name:bpm-chips;width:100%}.bpm-chips.svelte-1sqqwix{display:flex;width:100%}.bpm-chips.full.svelte-1sqqwix{flex-direction:column;gap:8px}.bpm-chips.compact.svelte-1sqqwix{gap:6px;flex-wrap:nowrap;overflow:hidden}@container bpm-chips (min-width: 540px){.bpm-chips.full.svelte-1sqqwix{flex-direction:row;align-items:center;gap:12px}.bpm-adjuster.svelte-1sqqwix{flex-shrink:0}.preset-chips.svelte-1sqqwix{flex:1;min-width:0}}.bpm-adjuster.svelte-1sqqwix{display:flex;align-items:center;justify-content:center;gap:12px}.current-bpm.svelte-1sqqwix{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 20px;min-width:80px;background:color-mix(in srgb,var(--theme-accent) 15%,transparent);border:1.5px solid color-mix(in srgb,var(--theme-accent) 30%,transparent);border-radius:12px;cursor:pointer;transition:all var(--duration-fast) ease;box-shadow:0 0 20px color-mix(in srgb,var(--theme-accent) 20%,transparent),inset 0 1px 0 var(--theme-stroke);-webkit-tap-highlight-color:transparent}@media(hover:hover)and (pointer:fine){.current-bpm.svelte-1sqqwix:hover{background:color-mix(in srgb,var(--theme-accent) 20%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 40%,transparent);transform:scale(1.02);box-shadow:0 0 24px color-mix(in srgb,var(--theme-accent) 30%,transparent),inset 0 1px 0 var(--theme-stroke)}}.current-bpm.svelte-1sqqwix:active{transform:scale(.98);background:color-mix(in srgb,var(--theme-accent) 25%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 50%,transparent)}.bpm-value.svelte-1sqqwix{font-size:1.5rem;font-weight:700;color:var(--theme-text);line-height:1;font-variant-numeric:tabular-nums}.bpm-label.svelte-1sqqwix{font-size:var(--font-size-compact, 12px);font-weight:600;color:var(--theme-text-dim, var(--theme-text-dim));text-transform:uppercase;letter-spacing:.5px;margin-top:2px}.adjust-btn.svelte-1sqqwix{display:flex;align-items:center;justify-content:center;width:var(--min-touch-target);height:var(--min-touch-target);flex-shrink:0;background:var(--theme-card-bg, var(--theme-card-bg));border:1.5px solid var(--theme-stroke, var(--theme-stroke));border-radius:50%;color:var(--theme-text-dim, var(--theme-text-dim));font-size:var(--font-size-compact, 12px);cursor:pointer;transition:all var(--duration-normal) cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;box-shadow:0 1px 3px var(--theme-shadow),inset 0 1px 0 var(--theme-stroke)}@media(hover:hover)and (pointer:fine){.adjust-btn.svelte-1sqqwix:hover:not(:disabled){background:var(--theme-card-hover-bg);border-color:var(--theme-stroke-strong);color:var(--theme-text);transform:scale(1.05);box-shadow:0 2px 8px var(--theme-shadow),inset 0 1px 0 var(--theme-stroke)}}.adjust-btn.svelte-1sqqwix:active:not(:disabled){transform:scale(.97)}.adjust-btn.svelte-1sqqwix:disabled{opacity:.3;cursor:not-allowed}.preset-chips.svelte-1sqqwix{display:flex;gap:6px;width:100%}.preset-chip.svelte-1sqqwix{flex:1;min-width:0;min-height:var(--min-touch-target);padding:10px 8px;background:var(--theme-card-bg, var(--theme-card-bg));border:1.5px solid var(--theme-stroke, var(--theme-stroke));border-radius:12px;color:var(--theme-text-dim, var(--theme-text-dim));font-size:clamp(.75rem,2.5vw,.85rem);font-weight:600;cursor:pointer;transition:all var(--duration-normal) cubic-bezier(.4,0,.2,1);-webkit-tap-highlight-color:transparent;font-variant-numeric:tabular-nums;box-shadow:0 1px 3px var(--theme-shadow),inset 0 1px 0 var(--theme-stroke)}.preset-chip.svelte-1sqqwix:active:not(:disabled){transform:scale(.97)}.preset-chip.active.svelte-1sqqwix{background:color-mix(in srgb,var(--theme-accent) 30%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 50%,transparent);color:#fff;box-shadow:0 0 20px color-mix(in srgb,var(--theme-accent) 25%,transparent),0 2px 8px color-mix(in srgb,var(--theme-accent) 20%,transparent),inset 0 1px 0 var(--theme-stroke)}@media(hover:hover)and (pointer:fine){.preset-chip.svelte-1sqqwix:hover:not(:disabled):not(.active){background:var(--theme-card-hover-bg);border-color:var(--theme-stroke-strong);color:var(--theme-text);transform:translateY(-1px);box-shadow:0 2px 8px var(--theme-shadow),inset 0 1px 0 var(--theme-stroke)}.preset-chip.active.svelte-1sqqwix:hover{background:color-mix(in srgb,var(--theme-accent) 35%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 60%,transparent);color:#fff;transform:translateY(-1px);box-shadow:0 0 24px color-mix(in srgb,var(--theme-accent) 30%,transparent),0 4px 12px color-mix(in srgb,var(--theme-accent) 25%,transparent),inset 0 1px 0 var(--theme-card-hover-bg)}}.custom-chip.svelte-1sqqwix{flex:0 0 auto;font-size:var(--font-size-compact, 12px);text-transform:uppercase;letter-spacing:.2px;padding:10px 12px;white-space:nowrap}.bpm-custom-popover.svelte-1sqqwix{position:fixed;transform:translate(-50%,-100%);z-index:var(--z-tooltip);background:var(--theme-panel-bg, rgba(18, 18, 28, .98));border:2px solid color-mix(in srgb,var(--theme-accent) 80%,transparent);border-radius:16px;padding:12px;min-width:200px;box-shadow:0 8px 32px color-mix(in srgb,black 50%,transparent),0 0 0 1px var(--theme-stroke),0 0 24px color-mix(in srgb,var(--theme-accent) 50%,transparent);animation:svelte-1sqqwix-popoverSlide var(--duration-normal) cubic-bezier(.4,0,.2,1);pointer-events:auto}@keyframes svelte-1sqqwix-popoverSlide{0%{opacity:0;transform:translate(-50%,calc(-100% - 8px))}to{opacity:1;transform:translate(-50%,-100%)}}.popover-header.svelte-1sqqwix{font-size:var(--font-size-compact, 12px);font-weight:600;color:var(--theme-text-dim, var(--theme-text-dim));text-transform:uppercase;letter-spacing:.5px;padding:0 4px 8px;border-bottom:1px solid var(--theme-stroke);margin-bottom:8px}.popover-controls.svelte-1sqqwix{display:flex;align-items:center;gap:10px}.popover-btn.svelte-1sqqwix{display:flex;align-items:center;justify-content:center;width:var(--min-touch-target);height:var(--min-touch-target);background:var(--theme-card-bg);border:1.5px solid var(--theme-stroke);border-radius:50%;color:var(--theme-text-dim, var(--theme-text-dim));cursor:pointer;transition:all var(--duration-fast) ease;font-size:var(--font-size-compact, 12px);box-shadow:0 1px 3px var(--theme-shadow),inset 0 1px 0 var(--theme-stroke)}@media(hover:hover)and (pointer:fine){.popover-btn.svelte-1sqqwix:hover:not(:disabled){background:color-mix(in srgb,var(--theme-accent) 20%,transparent);border-color:color-mix(in srgb,var(--theme-accent) 40%,transparent);color:#fff;box-shadow:0 2px 8px color-mix(in srgb,var(--theme-accent) 20%,transparent),inset 0 1px 0 var(--theme-stroke)}}.popover-btn.svelte-1sqqwix:active:not(:disabled){transform:scale(.93);background:color-mix(in srgb,var(--theme-accent) 25%,transparent)}.popover-btn.svelte-1sqqwix:disabled{opacity:.3;cursor:not-allowed}.bpm-display.svelte-1sqqwix{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 12px;background:color-mix(in srgb,var(--theme-accent) 10%,transparent);border:1px solid color-mix(in srgb,var(--theme-accent) 20%,transparent);border-radius:10px}.bpm-number.svelte-1sqqwix{font-size:1.1rem;font-weight:700;color:var(--theme-text);line-height:1;font-variant-numeric:tabular-nums}.bpm-unit.svelte-1sqqwix{font-size:var(--font-size-compact, 12px);font-weight:600;color:var(--theme-text-dim, var(--theme-text-dim));text-transform:uppercase;letter-spacing:.5px;margin-top:2px}@media(max-width:480px){.adjust-btn.svelte-1sqqwix{width:44px;height:44px;font-size:var(--font-size-compact, 12px)}.preset-chip.svelte-1sqqwix{min-height:44px;padding:8px 6px;font-size:var(--font-size-compact, 12px)}}@media(prefers-reduced-motion:reduce){.adjust-btn.svelte-1sqqwix,.preset-chip.svelte-1sqqwix,.popover-btn.svelte-1sqqwix,.bpm-custom-popover.svelte-1sqqwix,.current-bpm.svelte-1sqqwix{transition:none;animation:none}.adjust-btn.svelte-1sqqwix:hover,.adjust-btn.svelte-1sqqwix:active,.preset-chip.svelte-1sqqwix:hover,.preset-chip.svelte-1sqqwix:active,.current-bpm.svelte-1sqqwix:hover,.current-bpm.svelte-1sqqwix:active{transform:none}}