.waveform-display.svelte-1fb3m5r{display:flex;flex-direction:column;gap:0;position:relative}.waveform-display.disabled.svelte-1fb3m5r{opacity:.6}.waveform-display.recording.svelte-1fb3m5r{box-shadow:0 0 15px #ff336680}.waveform-container.svelte-1fb3m5r{position:relative;width:100%;height:200px;min-height:150px;max-width:100%;border:3px solid #333;border-radius:8px;overflow:hidden;box-shadow:inset 0 2px 8px #00000080,0 0 20px #f803;background:#0a0a0a;transition:border-color .3s ease}.waveform-display.disabled.svelte-1fb3m5r .waveform-container:where(.svelte-1fb3m5r){border-color:#222;box-shadow:inset 0 2px 8px #00000080,0 0 10px #0000001a}.waveform-display.recording.svelte-1fb3m5r .waveform-container:where(.svelte-1fb3m5r){border-color:#f36;box-shadow:inset 0 2px 8px #00000080,0 0 20px #f606}.waveform-display.edit-mode.svelte-1fb3m5r .waveform-container:where(.svelte-1fb3m5r){border-color:#00bcd4;box-shadow:inset 0 2px 8px #00000080,0 0 20px #00bcd44d}.playhead-canvas.svelte-1fb3m5r{position:absolute;top:0;left:0;pointer-events:all;transition:cursor .1s ease;z-index:2}.waveform-canvas.svelte-1fb3m5r{width:100%;height:100%;display:block;z-index:1}.disabled-overlay.svelte-1fb3m5r,.recording-overlay.svelte-1fb3m5r{position:absolute;top:10px;right:10px;background:#000c;color:#999;padding:5px 10px;border-radius:5px;font-size:12px;text-align:center;pointer-events:none;z-index:10}.recording-overlay.svelte-1fb3m5r{display:flex;align-items:center;gap:6px;color:#f36;background:#000000e6;font-weight:600;font-size:11px;letter-spacing:.5px;padding:5px 8px}.rec-dot.svelte-1fb3m5r{width:8px;height:8px;background:#f36;border-radius:50%;animation:svelte-1fb3m5r-record-pulse 1s infinite;flex-shrink:0}.rec-time.svelte-1fb3m5r{font-variant-numeric:tabular-nums;min-width:32px}.rec-meter.svelte-1fb3m5r{width:40px;height:6px;background:#222;border-radius:3px;overflow:hidden;border:1px solid #333}.rec-meter-bar.svelte-1fb3m5r{height:100%;background:linear-gradient(90deg,#0a4,#8c0 60%,#fc0 85%,#f30);transition:width .05s ease;border-radius:2px}@keyframes svelte-1fb3m5r-record-pulse{0%,to{opacity:1}50%{opacity:.7}}.disabled-overlay.svelte-1fb3m5r{top:50%;left:50%;right:auto;transform:translate(-50%,-50%);padding:10px 15px}@media (max-width: 768px){.playhead-canvas.svelte-1fb3m5r{-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}}.waveform-display.svelte-1fb3m5r :where(.svelte-1fb3m5r){-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.zoom-overlay.svelte-1fb3m5r{position:absolute;top:4px;right:4px;display:flex;align-items:center;gap:4px;background:#000000bf;padding:3px 6px;border-radius:4px;font-size:10px;color:#888;z-index:15;pointer-events:auto}.zoom-level.svelte-1fb3m5r{font-family:monospace;color:#ff8c00}.zoom-level.vertical.svelte-1fb3m5r{color:#00bcd4;margin-left:2px}.zoom-btn.svelte-1fb3m5r{width:20px;height:20px;padding:2px;background:transparent;border:1px solid #444;border-radius:3px;color:#888;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.zoom-btn.svelte-1fb3m5r:hover{border-color:#ff8c00;color:#ff8c00}.zoom-btn.active.svelte-1fb3m5r{background:#ff8c0033;border-color:#ff8c00;color:#ff8c00}.zoom-btn.follow-btn.page-mode.svelte-1fb3m5r{background:#4caf5033;border-color:#4caf50;color:#4caf50}.zoom-btn.follow-btn.page-mode.svelte-1fb3m5r:hover{background:#4caf504d;border-color:#66bb6a;color:#66bb6a}.zoom-btn.follow-btn.centered-mode.svelte-1fb3m5r{background:#00bcd433;border-color:#00bcd4;color:#00bcd4}.zoom-btn.follow-btn.centered-mode.svelte-1fb3m5r:hover{background:#00bcd44d;border-color:#26c6da;color:#26c6da}@media (pointer: coarse){.zoom-overlay.svelte-1fb3m5r{gap:6px;padding:6px 10px;font-size:12px}.zoom-btn.svelte-1fb3m5r{width:44px;height:44px;padding:8px;border-radius:6px}.zoom-btn.svelte-1fb3m5r svg{width:20px;height:20px}}.minimap.svelte-1fb3m5r{position:relative;height:24px;background:#111;border:1px solid #333;border-top:none;border-radius:0 0 4px 4px;overflow:hidden;cursor:pointer;touch-action:none}.minimap-canvas.svelte-1fb3m5r{width:100%;height:100%;display:block}.viewport-box.svelte-1fb3m5r{position:absolute;top:0;height:100%;background:#ff8c0033;border:1px solid rgba(255,140,0,.5);border-radius:2px;pointer-events:none;box-sizing:border-box}.zoom-scrollbar.svelte-1fb3m5r{position:relative;height:8px;background:#1a1a1a;border-radius:4px;margin-top:4px;cursor:pointer;touch-action:none}.scrollbar-thumb.svelte-1fb3m5r{position:absolute;top:0;height:100%;background:#444;border-radius:4px;cursor:grab;transition:background .15s ease}.scrollbar-thumb.svelte-1fb3m5r:hover{background:#555}.scrollbar-thumb.svelte-1fb3m5r:active{cursor:grabbing;background:#666}html:not(.dark) .waveform-container.svelte-1fb3m5r{border-color:#ccc;background:#f0f0f0;box-shadow:inset 0 2px 8px #0000001a,0 0 20px #c8640026}html:not(.dark) .waveform-display.disabled.svelte-1fb3m5r .waveform-container:where(.svelte-1fb3m5r){border-color:#ddd;box-shadow:inset 0 2px 8px #00000014,0 0 10px #0000000d}html:not(.dark) .waveform-display.recording.svelte-1fb3m5r .waveform-container:where(.svelte-1fb3m5r){border-color:#e06080;box-shadow:inset 0 2px 8px #0000001a,0 0 20px #dc503240}html:not(.dark) .waveform-display.edit-mode.svelte-1fb3m5r .waveform-container:where(.svelte-1fb3m5r){border-color:#00acc1;box-shadow:inset 0 2px 8px #0000001a,0 0 20px #00acc133}html:not(.dark) .disabled-overlay.svelte-1fb3m5r,html:not(.dark) .recording-overlay.svelte-1fb3m5r{background:#ffffffe6;color:#666}html:not(.dark) .recording-overlay.svelte-1fb3m5r{color:#e05070;background:#fffffff2}html:not(.dark) .rec-dot.svelte-1fb3m5r{background:#e05070}html:not(.dark) .rec-meter.svelte-1fb3m5r{background:#ddd}html:not(.dark) .zoom-overlay.svelte-1fb3m5r{background:#ffffffe6;color:#666}html:not(.dark) .zoom-level.svelte-1fb3m5r{color:#c86400}html:not(.dark) .zoom-level.vertical.svelte-1fb3m5r{color:#00838f}html:not(.dark) .zoom-btn.svelte-1fb3m5r{background:transparent;border-color:#bbb;color:#666}html:not(.dark) .zoom-btn.svelte-1fb3m5r:hover:not(:disabled){background:#0000000d;border-color:#999;color:#444}html:not(.dark) .zoom-btn.active.svelte-1fb3m5r{background:#c8640026;border-color:#c86400;color:#c86400}html:not(.dark) .zoom-btn.follow-btn.page-mode.svelte-1fb3m5r{background:#388e3c26;border-color:#388e3c;color:#388e3c}html:not(.dark) .zoom-btn.follow-btn.centered-mode.svelte-1fb3m5r{background:#00acc126;border-color:#00acc1;color:#00acc1}html:not(.dark) .minimap.svelte-1fb3m5r{background:#e5e5e5;border-color:#ccc}html:not(.dark) .viewport-box.svelte-1fb3m5r{background:#c8640026;border-color:#c8640066}html:not(.dark) .zoom-scrollbar.svelte-1fb3m5r{background:#e0e0e0}html:not(.dark) .scrollbar-thumb.svelte-1fb3m5r{background:#bbb}html:not(.dark) .scrollbar-thumb.svelte-1fb3m5r:hover{background:#aaa}html:not(.dark) .scrollbar-thumb.svelte-1fb3m5r:active{background:#999}