div.svelte-9dgk9{top:calc(5% + 60px);left:0;position:fixed;width:100%;height:calc(95% - 60px);background:#ddd}canvas.svelte-9dgk9{display:block;width:100%;height:100%}.progress-container.svelte-um4ua8{background:#222;padding:12px 16px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid #444}.progress-bar.svelte-um4ua8{width:100%;height:6px;background:#444;border-radius:3px;cursor:pointer;position:relative;display:flex;align-items:center;-webkit-user-select:none;user-select:none}.progress-fill.svelte-um4ua8{height:100%;background:linear-gradient(90deg,#4a90e2,#357abd);border-radius:3px;transition:width .05s linear}.progress-thumb.svelte-um4ua8{width:14px;height:14px;background:#fff;border-radius:50%;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 2px 4px #0000004d;cursor:grab;opacity:0;transition:opacity .2s}.progress-bar.svelte-um4ua8:hover .progress-thumb:where(.svelte-um4ua8){opacity:1}.time-display.svelte-um4ua8{display:flex;justify-content:space-between;font-size:12px;color:#999;font-family:Courier New,monospace}.current-time.svelte-um4ua8{color:#ccc;font-weight:500}body{margin:0;padding:0;background:#1a1a1a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}.control-bar.svelte-1uha8ag{background:#1a1a1a;padding:12px 16px;display:flex;gap:12px;align-items:center;border-bottom:1px solid #333}.file-input-wrapper.svelte-1uha8ag{position:relative;display:inline-flex;align-items:center;cursor:pointer}.file-input-wrapper.svelte-1uha8ag input:where(.svelte-1uha8ag){display:none}.file-input-wrapper.svelte-1uha8ag span:where(.svelte-1uha8ag){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 12px;border-radius:4px;font-size:13px;font-weight:500;transition:all .2s}.file-input-wrapper.svelte-1uha8ag:hover span:where(.svelte-1uha8ag){transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.button-group.svelte-1uha8ag{display:flex;gap:8px;flex:1}.btn.svelte-1uha8ag{padding:8px 14px;border:none;border-radius:4px;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;white-space:nowrap}.btn-play.svelte-1uha8ag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-play.svelte-1uha8ag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #667eea66}.btn-play.svelte-1uha8ag:active{transform:translateY(0)}.btn-pause.svelte-1uha8ag{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.btn-pause.svelte-1uha8ag:hover{transform:translateY(-2px);box-shadow:0 4px 12px #f5576c66}.btn-pause.svelte-1uha8ag:active{transform:translateY(0)}.btn-stop.svelte-1uha8ag{background:#333;color:#999}.btn-stop.svelte-1uha8ag:hover{background:#444;color:#ccc;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.btn-stop.svelte-1uha8ag:active{transform:translateY(0)}.playback-rate-wrapper.svelte-1uha8ag{display:flex;align-items:center;gap:8px;margin-left:auto}.playback-rate-wrapper.svelte-1uha8ag label:where(.svelte-1uha8ag){font-size:13px;font-weight:500;color:#ccc;white-space:nowrap}.playback-rate-select.svelte-1uha8ag{padding:8px 12px;border:none;border-radius:4px;background:#333;color:#fff;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.playback-rate-select.svelte-1uha8ag:hover{background:#444;transform:translateY(-2px);box-shadow:0 4px 12px #0000004d}.playback-rate-select.svelte-1uha8ag:active{transform:translateY(0)}.playback-rate-select.svelte-1uha8ag option:where(.svelte-1uha8ag){background:#1a1a1a;color:#fff}