.volume-control.svelte-1lzkc43{position:relative;display:flex;align-items:center;flex-shrink:0;touch-action:manipulation}.btn-volume.svelte-1lzkc43{width:var(--volume-button-size, 36px);height:var(--volume-button-size, 36px);border-radius:999px;border:1px solid transparent;background:var(--volume-button-background, #F1F3F5);color:#a6adb7;display:flex;align-items:center;justify-content:center;flex-shrink:0;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,color .18s ease,background .18s ease;touch-action:manipulation}.btn-volume.volume-open.svelte-1lzkc43{background:#fff;border-color:var(--accent-mvnt);color:var(--volume-button-open-color, var(--accent-hover));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-mvnt) 18%,transparent)}.btn-volume.svelte-1lzkc43:hover:not(:disabled){background:#fff;border-color:var(--accent-mvnt);color:var(--volume-button-hover-color, var(--accent-hover));box-shadow:0 0 0 3px color-mix(in srgb,var(--accent-mvnt) 18%,transparent)}.btn-volume.volume-open.svelte-1lzkc43:hover:not(:disabled){border-color:var(--volume-button-open-hover-border-color, var(--accent-mvnt))}.btn-volume.svelte-1lzkc43:disabled{cursor:not-allowed;opacity:.58}.btn-volume.svelte-1lzkc43:disabled:hover{background:transparent;border-color:transparent;color:var(--text-muted);box-shadow:none}.volume-slider-popover.svelte-1lzkc43{position:absolute;left:50%;bottom:calc(100% + 10px);transform:translate(-50%);display:flex;align-items:center;justify-content:center;width:36px;min-height:var(--volume-popover-min-height, 132px);padding:var(--volume-popover-padding, 12px 0);border-radius:18px;background:#fffffffa;box-shadow:0 12px 30px #0000001f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:20}.volume-slider-popover.svelte-1lzkc43:after{content:"";position:absolute;left:50%;top:100%;width:10px;height:var(--volume-popover-arrow-height, 10px);background:#fffffffa;transform:translate(-50%,-55%) rotate(45deg)}.volume-slider-shell.svelte-1lzkc43{position:relative;width:16px;height:var(--volume-slider-height, 104px)}.volume-slider-track.svelte-1lzkc43{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.volume-slider-track.svelte-1lzkc43:before{content:"";position:absolute;left:50%;top:0;width:4px;height:100%;border-radius:999px;background:#e2e6eb;transform:translate(-50%)}.volume-slider-fill.svelte-1lzkc43{position:absolute;left:50%;bottom:0;width:4px;height:calc(100% * var(--volume-display-ratio));border-radius:var(--volume-fill-radius, 999px);background:var(--accent-mvnt);transform:translate(-50%);transition:height .18s ease}.volume-slider-thumb-visual.svelte-1lzkc43{position:absolute;left:50%;top:calc((100% - 12px) * (1 - var(--volume-display-ratio)));width:12px;height:12px;border-radius:999px;border:1px solid rgba(214,139,0,.45);background:#fff;box-shadow:0 1px 6px #0000002e;transform:translate(-50%);transition:top .18s ease}.volume-slider.svelte-1lzkc43{-webkit-appearance:none;-moz-appearance:none;appearance:none;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;writing-mode:vertical-lr;direction:rtl;background:transparent;opacity:0;cursor:pointer;touch-action:manipulation}.volume-slider.svelte-1lzkc43:focus,.volume-slider.svelte-1lzkc43:focus-visible{outline:none;box-shadow:none}@media(max-width:640px){.btn-volume.svelte-1lzkc43{width:var(--volume-button-mobile-size, var(--volume-button-size, 36px));height:var(--volume-button-mobile-size, var(--volume-button-size, 36px))}}.timeline-shell.svelte-182iwu8{--bg-primary: #F4F4F6;--text-muted: #9CA0A8;--accent-mvnt: #FFB84D;--accent-hover: #D27700;--accent-glow: rgba(255, 184, 77, .2);height:48px;display:flex;align-items:center;padding:0 6px;gap:14px;flex-shrink:0;touch-action:manipulation}.timeline-shell--preview.svelte-182iwu8{position:absolute;left:14px;right:14px;bottom:14px;z-index:4;width:auto;background:#ffffffe0;border:1px solid rgba(255,255,255,.46);border-radius:999px;box-shadow:0 18px 42px #0000002e,inset 0 1px #ffffff9e;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2)}.timeline-shell--music.svelte-182iwu8{--timeline-seek-hit-height: 48px;background:#ffffffe0;border:1px solid rgba(255,255,255,.46);border-radius:999px;box-shadow:0 18px 42px #0000002e,inset 0 1px #ffffff9e;backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);position:relative;z-index:64;margin:0 14px 14px;padding:0 8px}.timeline-shell.dance-mode-2d.svelte-182iwu8{--accent-mvnt: #00C77D;--accent-hover: #00a866;--accent-glow: rgba(0, 199, 125, .2)}.btn-play.svelte-182iwu8{width:36px;height:36px;border:0;border-radius:50%;background:var(--accent-mvnt);color:#fff;font-size:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;padding:0;cursor:pointer;touch-action:manipulation}.btn-play.svelte-182iwu8:hover{background:var(--accent-hover);box-shadow:0 0 12px var(--accent-glow)}.time.svelte-182iwu8{font-size:12px;color:var(--text-muted);font-family:var(--timeline-time-font-family, var(--font-mono, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace));min-width:36px;flex-shrink:0}.progress-wrap.svelte-182iwu8,.progress-bar-wrap.svelte-182iwu8{flex:1;position:relative;min-width:0;touch-action:manipulation}.progress-wrap.svelte-182iwu8{display:flex;flex-direction:column}.progress-bar.svelte-182iwu8{flex:1;height:6px;background:#dcdce0;border-radius:3px;cursor:pointer;position:relative;touch-action:manipulation}.timeline-shell--music.svelte-182iwu8 .progress-bar:where(.svelte-182iwu8){background:#1a1d2229}.timeline-shell--music.svelte-182iwu8 .progress-bar:where(.svelte-182iwu8):before{content:"";position:absolute;inset:50% 0 auto;height:var(--timeline-seek-hit-height);transform:translateY(-50%)}.progress-fill.svelte-182iwu8{height:100%;background:var(--accent-mvnt);border-radius:3px}.progress-head.svelte-182iwu8{position:absolute;top:50%;transform:translate(-50%,-50%);width:12px;height:12px;background:var(--accent-mvnt);border-radius:50%;box-shadow:0 1px 4px #00000026;z-index:10}.progress-bar.svelte-182iwu8:hover .progress-head:where(.svelte-182iwu8){width:14px;height:14px}.timeline-shell--music.svelte-182iwu8 .progress-bar.edit:where(.svelte-182iwu8){background:color-mix(in srgb,var(--accent-mvnt) 18%,#DCDCE0)}.timeline-shell--music.svelte-182iwu8 .progress-bar.edit:where(.svelte-182iwu8) .progress-fill:where(.svelte-182iwu8){position:absolute;top:0;left:0;height:100%;background:var(--accent-mvnt);z-index:2}.timeline-shell--music.svelte-182iwu8 .progress-bar.edit:where(.svelte-182iwu8) .progress-head:where(.svelte-182iwu8){background:var(--accent-mvnt);box-shadow:0 0 6px var(--accent-glow);z-index:3}@media(max-width:640px){.timeline-shell--preview.svelte-182iwu8{left:10px;right:10px;bottom:10px;height:44px;padding:0 4px;gap:9px}.timeline-shell--preview.svelte-182iwu8 .btn-play:where(.svelte-182iwu8){width:36px;height:36px}.timeline-shell--preview.svelte-182iwu8 .time:where(.svelte-182iwu8){font-size:10px;min-width:var(--timeline-mobile-time-min-width)}.timeline-shell--music.svelte-182iwu8{--timeline-seek-hit-height: 44px;height:44px;width:auto;max-width:calc(100% - 12px);margin:0 6px 8px;padding:0 5px;gap:4px;box-sizing:border-box;min-width:0}.timeline-shell--music.timeline-edit-mode.svelte-182iwu8{height:52px;align-items:flex-end;padding-top:4px;padding-bottom:7px}.timeline-shell--music.svelte-182iwu8 .btn-play:where(.svelte-182iwu8){width:28px;height:28px}.timeline-shell--music.svelte-182iwu8 .time:where(.svelte-182iwu8){min-width:25px;font-size:9px;text-align:center}.timeline-shell--music.svelte-182iwu8 .progress-wrap:where(.svelte-182iwu8),.timeline-shell--music.svelte-182iwu8 .progress-bar-wrap:where(.svelte-182iwu8){flex:1 1 32px;min-width:0}}@media(max-width:380px){.timeline-shell--preview.svelte-182iwu8{gap:var(--timeline-compact-gap)}}