.unified-timeline.svelte-jfjuci{width:100%;display:flex;flex-direction:column;align-items:stretch;padding:0;box-sizing:border-box;position:relative}.transport-pill.svelte-jfjuci{display:flex;align-items:center;gap:8px 12px;padding:10px 14px;width:100%;box-sizing:border-box;background:#141620c7;backdrop-filter:blur(24px) saturate(150%);border:none;border-top:1px solid rgba(255,255,255,.15);border-radius:0;touch-action:none}.pill-play.svelte-jfjuci{width:var(--min-touch-target, 44px);height:var(--min-touch-target, 44px);min-width:var(--min-touch-target, 44px);min-height:var(--min-touch-target, 44px);border-radius:50%;background:#4338ca;border:1px solid color-mix(in srgb,#4338ca 70%,white);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;padding:0;box-shadow:0 2px 8px #6366f159;transition:transform .12s ease,background .15s ease}.pill-play.svelte-jfjuci:hover{transform:scale(1.08);background:color-mix(in srgb,#4338ca 85%,white 15%)}.pill-play.svelte-jfjuci:active{transform:scale(.94)}.pill-track.svelte-jfjuci{flex:1 1 0;height:var(--min-touch-target, 44px);background:transparent;position:relative;cursor:pointer;min-width:80px;touch-action:none;display:flex;align-items:center}.pill-track.svelte-jfjuci:before{content:"";position:absolute;left:0;right:0;top:50%;height:6px;transform:translateY(-50%);background:#ffffff14;border-radius:999px;pointer-events:none}.pill-track.svelte-jfjuci:focus-visible{outline:none;box-shadow:0 0 0 3px #6366f1b3;border-radius:8px}.pill-fill.svelte-jfjuci{position:absolute;left:0;top:50%;height:6px;transform:translateY(-50%);background:#4338ca;border-radius:999px;pointer-events:none}.pill-knob.svelte-jfjuci{position:absolute;top:50%;width:14px;height:14px;border-radius:50%;background:#fff;transform:translate(-50%,-50%);box-shadow:0 1px 6px #00000080;pointer-events:none}.pill-beat-marker.svelte-jfjuci{position:absolute;top:50%;width:1.5px;height:10px;background:#fff3;border-radius:1px;transform:translate(-50%,-50%);pointer-events:none}.tempo-group.svelte-jfjuci{display:flex;align-items:center;gap:8px;flex-shrink:0}.tempo-adjust.svelte-jfjuci{width:var(--min-touch-target, 44px);height:var(--min-touch-target, 44px);min-width:var(--min-touch-target, 44px);min-height:var(--min-touch-target, 44px);border-radius:50%;background:#ffffff14;border:1.5px solid rgba(255,255,255,.2);color:#ffffffb3;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.tempo-adjust.svelte-jfjuci:hover{background:#ffffff26;border-color:#ffffff59;color:#fff}.tempo-adjust.svelte-jfjuci:active{transform:scale(.93);background:#fff3}.pill-bpm.svelte-jfjuci{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:6px 14px;min-height:var(--min-touch-target, 44px);background:#6366f12e;border:1.5px solid rgba(99,102,241,.45);border-radius:10px;cursor:pointer;flex-shrink:0;transition:background .15s ease,border-color .15s ease;box-shadow:0 0 12px #6366f126}.pill-bpm.svelte-jfjuci:hover{background:#6366f147;border-color:#6366f199;box-shadow:0 0 16px #6366f140}.pill-bpm.svelte-jfjuci:active{transform:scale(.96)}.bpm-val.svelte-jfjuci{font-size:16px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;line-height:1}.bpm-unit.svelte-jfjuci{font-size:var(--font-size-compact, 12px);font-weight:600;color:#ffffffc7;text-transform:uppercase;letter-spacing:.5px;line-height:1}.pill-mode.svelte-jfjuci{width:var(--min-touch-target, 44px);height:var(--min-touch-target, 44px);min-width:var(--min-touch-target, 44px);min-height:var(--min-touch-target, 44px);border-radius:50%;background:#ffffff14;border:1.5px solid rgba(255,255,255,.2);color:#fff9;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;flex-shrink:0;padding:0;transition:background .15s ease,color .15s ease,border-color .15s ease}.pill-mode.svelte-jfjuci:hover{background:#ffffff26;border-color:#ffffff59;color:#fff}.pill-mode.step-active.svelte-jfjuci{background:#fbbf2433;border-color:#fbbf2480;color:#fbbf24;box-shadow:0 0 12px #fbbf2433}.pill-mode.step-active.svelte-jfjuci:hover{background:#fbbf244d;border-color:#fbbf24a6}.pill-loop.svelte-jfjuci{width:var(--min-touch-target, 44px);height:var(--min-touch-target, 44px);min-width:var(--min-touch-target, 44px);min-height:var(--min-touch-target, 44px);border-radius:50%;background:#6366f12e;border:1.5px solid rgba(99,102,241,.45);color:#c7d2fe;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;flex-shrink:0;padding:0;transition:background .15s ease,border-color .15s ease}.pill-loop[aria-pressed=false].svelte-jfjuci{background:#ffffff14;color:#ffffffc7;border-color:#fff3}.pill-loop.svelte-jfjuci:hover{background:#6366f14d;border-color:#6366f199}.bpm-popover.svelte-jfjuci{position:absolute;bottom:100%;left:14px;margin-bottom:8px;background:#12121cf5;backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.4);border-radius:12px;padding:8px;z-index:30;box-shadow:0 8px 24px #0009;animation:svelte-jfjuci-popoverUp .15s cubic-bezier(.4,0,.2,1)}@keyframes svelte-jfjuci-popoverUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bpm-presets.svelte-jfjuci{display:flex;gap:4px}.bpm-preset.svelte-jfjuci{padding:8px 12px;min-width:var(--min-touch-target, 44px);min-height:var(--min-touch-target, 44px);background:#ffffff14;border:1.5px solid rgba(255,255,255,.15);border-radius:10px;color:#fffc;font-size:14px;font-weight:600;font-variant-numeric:tabular-nums;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.bpm-preset.svelte-jfjuci:hover{background:#ffffff26;border-color:#ffffff4d;color:#fff}.bpm-preset.active.svelte-jfjuci{background:#6366f14d;border-color:#6366f199;color:#fff;box-shadow:0 0 12px #6366f140}.pill-play.svelte-jfjuci:focus-visible,.tempo-adjust.svelte-jfjuci:focus-visible,.pill-bpm.svelte-jfjuci:focus-visible,.pill-mode.svelte-jfjuci:focus-visible,.pill-loop.svelte-jfjuci:focus-visible,.bpm-preset.svelte-jfjuci:focus-visible{outline:2px solid var(--theme-accent, #6366f1);outline-offset:2px}@media(prefers-reduced-motion:reduce){.pill-play.svelte-jfjuci,.pill-loop.svelte-jfjuci,.pill-mode.svelte-jfjuci,.pill-bpm.svelte-jfjuci,.tempo-adjust.svelte-jfjuci,.bpm-preset.svelte-jfjuci{transition:none}.bpm-popover.svelte-jfjuci{animation-duration:.01ms}.pill-play.svelte-jfjuci:hover,.pill-play.svelte-jfjuci:active,.pill-bpm.svelte-jfjuci:active,.tempo-adjust.svelte-jfjuci:active{transform:none}}