.transport-bar.svelte-1t6me6f{display:flex;align-items:center;gap:12px;padding:8px 0}.play-pause-button.svelte-1t6me6f{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff5100,#ff8533);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .2s ease;flex-shrink:0;box-shadow:0 2px 8px #ff51004d}.play-pause-button.svelte-1t6me6f:hover{transform:scale(1.05);box-shadow:0 4px 12px #ff510066}.play-pause-button.svelte-1t6me6f:active{transform:scale(.98)}.dark .play-pause-button.svelte-1t6me6f{box-shadow:0 2px 8px #ff510066}.time-display.svelte-1t6me6f{display:flex;align-items:center;gap:4px;font-family:monospace;font-size:12px;color:#6b7280;min-width:85px;flex-shrink:0}.dark .time-display.svelte-1t6me6f{color:#888}.current-time.svelte-1t6me6f{color:#374151;font-weight:600}.dark .current-time.svelte-1t6me6f{color:#ccc}.separator.svelte-1t6me6f,.total-time.svelte-1t6me6f{color:#9ca3af}.waveform-container.svelte-1t6me6f{flex:1;height:48px;position:relative;background:#faf8f5;border-radius:6px;overflow:hidden;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dark .waveform-container.svelte-1t6me6f{background:#1a1a1a}.waveform-container.dragging.svelte-1t6me6f{cursor:grabbing}.waveform-container.setting-loop.svelte-1t6me6f{cursor:crosshair}.waveform-container.svelte-1t6me6f:focus{outline:2px solid #ff8c00;outline-offset:2px}.waveform-canvas.svelte-1t6me6f{width:100%;height:100%;display:block}.loop-region.svelte-1t6me6f{position:absolute;top:0;bottom:0;background:#3b82f626;border-left:2px solid #3b82f6;border-right:2px solid #3b82f6;pointer-events:none}.dark .loop-region.svelte-1t6me6f{background:#60a5fa26;border-color:#60a5fa}.loop-handle.svelte-1t6me6f{position:absolute;top:0;bottom:0;width:12px;background:transparent;cursor:ew-resize;pointer-events:auto}.loop-handle.svelte-1t6me6f:after{content:"";position:absolute;top:50%;transform:translateY(-50%);width:4px;height:16px;background:#3b82f6;border-radius:2px}.dark .loop-handle.svelte-1t6me6f:after{background:#60a5fa}.loop-handle-start.svelte-1t6me6f{left:-6px}.loop-handle-start.svelte-1t6me6f:after{left:4px}.loop-handle-end.svelte-1t6me6f{right:-6px}.loop-handle-end.svelte-1t6me6f:after{right:4px}.loop-handle.svelte-1t6me6f:hover:after{background:#2563eb}.dark .loop-handle.svelte-1t6me6f:hover:after{background:#93c5fd}.pending-loop-marker.svelte-1t6me6f{position:absolute;top:0;bottom:0;width:2px;background:#3b82f6;animation:svelte-1t6me6f-pulse 1s ease-in-out infinite}.pending-loop-region.svelte-1t6me6f{position:absolute;top:0;bottom:0;background:#3b82f640;border-left:2px solid #3b82f6;border-right:2px solid #3b82f6;pointer-events:none}.dark .pending-loop-region.svelte-1t6me6f{background:#60a5fa33;border-color:#60a5fa}@keyframes svelte-1t6me6f-pulse{0%,to{opacity:1}50%{opacity:.5}}.playhead.svelte-1t6me6f{position:absolute;top:0;bottom:0;width:2px;transform:translate(-50%);pointer-events:none}.playhead-line.svelte-1t6me6f{position:absolute;top:0;bottom:0;left:50%;width:2px;transform:translate(-50%);background:#ff5100}.playhead-handle.svelte-1t6me6f{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:12px;height:12px;background:#ff5100;border-radius:50%;box-shadow:0 2px 4px #0003}.ab-switch.svelte-1t6me6f{display:flex;align-items:center;gap:4px;background:none;border:none;cursor:pointer;padding:2px;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0}.ab-switch.svelte-1t6me6f:disabled{opacity:.4;cursor:not-allowed}.ab-switch.svelte-1t6me6f:focus{outline:none}.ab-switch.svelte-1t6me6f:focus-visible .ab-switch-track:where(.svelte-1t6me6f){box-shadow:0 0 0 2px #3b82f680}.ab-switch-label.svelte-1t6me6f{font-size:12px;font-weight:700;opacity:.35;transition:opacity .2s ease,color .2s ease;color:#6b7280;line-height:1}.ab-switch-label.active.svelte-1t6me6f{opacity:1}.ab-a.active.svelte-1t6me6f{color:#3b82f6}.ab-b.active.svelte-1t6me6f{color:#ff5100}.dark .ab-switch-label.svelte-1t6me6f{color:#888}.dark .ab-a.active.svelte-1t6me6f{color:#60a5fa}.dark .ab-b.active.svelte-1t6me6f{color:#ff8533}.ab-switch-track.svelte-1t6me6f{position:relative;width:36px;height:20px;background:#e5e7eb;border-radius:10px;transition:background .25s ease}.ab-switch.target.svelte-1t6me6f .ab-switch-track:where(.svelte-1t6me6f){background:linear-gradient(135deg,#1e40af,#3b82f6)}.ab-switch.user.svelte-1t6me6f .ab-switch-track:where(.svelte-1t6me6f){background:linear-gradient(135deg,#cc4100,#ff5100)}.dark .ab-switch-track.svelte-1t6me6f{background:#2a2a4e}.dark .ab-switch.target.svelte-1t6me6f .ab-switch-track:where(.svelte-1t6me6f){background:linear-gradient(135deg,#1e3a8a,#2563eb)}.dark .ab-switch.user.svelte-1t6me6f .ab-switch-track:where(.svelte-1t6me6f){background:linear-gradient(135deg,#b33a00,#e04800)}.ab-switch-thumb.svelte-1t6me6f{position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .25s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 3px #0000004d}.ab-switch-thumb.right.svelte-1t6me6f{transform:translate(16px)}.ab-switch.svelte-1t6me6f:hover:not(:disabled) .ab-switch-thumb:where(.svelte-1t6me6f){box-shadow:0 1px 5px #0006}.loop-button.svelte-1t6me6f{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#faf8f5;border:2px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;transition:all .2s ease;flex-shrink:0}.dark .loop-button.svelte-1t6me6f{background:#1a1a1a;border-color:#333;color:#888}.loop-button.svelte-1t6me6f:hover{background:#f5f0e8;border-color:#d1d5db;color:#374151}.dark .loop-button.svelte-1t6me6f:hover{background:#252525;border-color:#444;color:#ccc}.loop-button.active.svelte-1t6me6f{background:#3b82f61a;border-color:#3b82f6;color:#3b82f6}.dark .loop-button.active.svelte-1t6me6f{background:#60a5fa26;border-color:#60a5fa;color:#60a5fa}.loop-button.setting.svelte-1t6me6f{background:#f59e0b1a;border-color:#f59e0b;color:#f59e0b;animation:svelte-1t6me6f-pulse 1s ease-in-out infinite}.loop-instructions.svelte-1t6me6f{font-size:12px;color:#f59e0b;text-align:center;margin:4px 0 0}.dark .loop-instructions.svelte-1t6me6f{color:#fbbf24}@media (max-width: 480px){.transport-bar.svelte-1t6me6f{flex-wrap:wrap;gap:8px}.waveform-container.svelte-1t6me6f{order:-1;flex:none;width:100%;height:56px;touch-action:none}.play-pause-button.svelte-1t6me6f{width:36px;height:36px}.play-pause-button.svelte-1t6me6f svg:where(.svelte-1t6me6f){width:18px;height:18px}.time-display.svelte-1t6me6f{flex:1;min-width:0;font-size:11px}.loop-button.svelte-1t6me6f{width:32px;height:32px}.loop-button.svelte-1t6me6f svg:where(.svelte-1t6me6f){width:16px;height:16px}.ab-switch-track.svelte-1t6me6f{width:32px;height:18px}.ab-switch-thumb.svelte-1t6me6f{width:14px;height:14px}.ab-switch-thumb.right.svelte-1t6me6f{transform:translate(14px)}.ab-switch-label.svelte-1t6me6f{font-size:11px}.loop-handle.svelte-1t6me6f{width:24px}.loop-handle.svelte-1t6me6f:after{width:6px;height:24px}.loop-handle-start.svelte-1t6me6f{left:-12px}.loop-handle-start.svelte-1t6me6f:after{left:9px}.loop-handle-end.svelte-1t6me6f{right:-12px}.loop-handle-end.svelte-1t6me6f:after{right:9px}}