div.svelte-14hlqtu{background:#ddd;width:100%;height:calc(95% - 60px);position:fixed;top:calc(5% + 60px);left:0}canvas.svelte-14hlqtu{width:100%;height:100%;image-rendering:crisp-edges;display:block}.playback-rate-wrapper.svelte-1ch859g{align-items:center;gap:8px;display:flex}.playback-rate-wrapper.svelte-1ch859g label:where(.svelte-1ch859g){color:#ccc;white-space:nowrap;font-size:13px;font-weight:500}.playback-rate-select.svelte-1ch859g{color:#fff;cursor:pointer;background:#333;border:none;border-radius:4px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.playback-rate-select.svelte-1ch859g:hover{background:#444;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.playback-rate-select.svelte-1ch859g:active{transform:translateY(0)}.playback-rate-select.svelte-1ch859g option:where(.svelte-1ch859g){color:#fff;background:#1a1a1a}.control-bar.svelte-1qvd8yc{background:#1a1a1a;border-bottom:1px solid #333;align-items:center;gap:12px;padding:12px 16px;display:flex}.file-input-wrapper.svelte-1qvd8yc{cursor:pointer;align-items:center;display:inline-flex;position:relative}.file-input-wrapper.svelte-1qvd8yc input:where(.svelte-1qvd8yc){display:none}.file-input-wrapper.svelte-1qvd8yc span:where(.svelte-1qvd8yc){color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:4px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .2s}.file-input-wrapper.svelte-1qvd8yc:hover span:where(.svelte-1qvd8yc){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.button-group.svelte-1qvd8yc{gap:8px;display:flex}.btn.svelte-1qvd8yc{cursor:pointer;white-space:nowrap;border:none;border-radius:4px;align-items:center;gap:4px;padding:8px 14px;font-size:13px;font-weight:500;transition:all .2s;display:flex}.btn-play.svelte-1qvd8yc{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.btn-play.svelte-1qvd8yc:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-play.svelte-1qvd8yc:active{transform:translateY(0)}.btn-pause.svelte-1qvd8yc{color:#fff;background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.btn-pause.svelte-1qvd8yc:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f5576c66}.btn-pause.svelte-1qvd8yc:active{transform:translateY(0)}.btn-stop.svelte-1qvd8yc{color:#999;background:#333}.btn-stop.svelte-1qvd8yc:hover{color:#ccc;background:#444;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-stop.svelte-1qvd8yc:active{transform:translateY(0)}.volume-wrapper.svelte-1qvd8yc{align-items:center;gap:8px;display:flex}.volume-wrapper.svelte-1qvd8yc label:where(.svelte-1qvd8yc){white-space:nowrap;font-size:14px}.volume-wrapper.svelte-1qvd8yc input[type=range]:where(.svelte-1qvd8yc){accent-color:#667eea;cursor:pointer;width:90px}.loading-bar.svelte-1rs0rcb{z-index:99999;background:0 0;width:100%;height:4px;position:fixed;top:0;left:0}.loading-bar-progress.svelte-1rs0rcb{background:red;width:0%;height:100%;animation:5s ease-out forwards svelte-1rs0rcb-fill-bar}@keyframes svelte-1rs0rcb-fill-bar{0%{width:0%}to{width:90%}}.progress-container.svelte-iblnlu{background:#222;border-bottom:1px solid #444;flex-direction:column;gap:8px;padding:12px 16px;display:flex}.progress-bar.svelte-iblnlu{cursor:pointer;-webkit-user-select:none;user-select:none;background:#444;border-radius:3px;align-items:center;width:100%;height:6px;display:flex;position:relative}.progress-fill.svelte-iblnlu{background:linear-gradient(90deg,#4a90e2,#357abd);border-radius:3px;height:100%;transition:width 50ms linear}.progress-thumb.svelte-iblnlu{cursor:grab;opacity:0;background:#fff;border-radius:50%;width:14px;height:14px;transition:opacity .2s;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0000004d}.progress-bar.svelte-iblnlu:hover .progress-thumb:where(.svelte-iblnlu){opacity:1}.time-display.svelte-iblnlu{color:#999;justify-content:space-between;font-family:Courier New,monospace;font-size:12px;display:flex}.current-time.svelte-iblnlu{color:#ccc;font-weight:500}.overlay.svelte-imi5kr{z-index:10000;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.start-btn.svelte-imi5kr{color:#fff;cursor:pointer;letter-spacing:.5px;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none;border-radius:12px;padding:18px 48px;font-size:22px;font-weight:600;transition:all .25s;box-shadow:0 4px 20px #667eea80}.start-btn.svelte-imi5kr:hover{transform:translateY(-3px)scale(1.03);box-shadow:0 8px 30px #667eeab3}.start-btn.svelte-imi5kr:active{transform:translateY(0)scale(1);box-shadow:0 2px 10px #667eea66}.loading-state.svelte-imi5kr{flex-direction:column;align-items:center;gap:20px;display:flex}.spinner.svelte-imi5kr{border:4px solid #fff3;border-top-color:#667eea;border-radius:50%;width:48px;height:48px;animation:.8s linear infinite svelte-imi5kr-spin}@keyframes svelte-imi5kr-spin{to{transform:rotate(360deg)}}.loading-text.svelte-imi5kr{color:#ccc;margin:0;font-size:18px;font-weight:500}