body,html{margin:0;padding:0;height:100%;width:100%;font-family:Arial,sans-serif}#app{height:100%;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:#000;transition:background-color .5s}h1,h2{margin:0;text-align:center}#heading{font-size:3em;margin-bottom:20px}#subheading{font-size:1.5em}.visualizer-container.svelte-13xs08b{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}svg.svelte-13xs08b{display:block}.bars-visualizer-container.svelte-1ryszw{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}svg.svelte-1ryszw{display:block;background-color:transparent}.particle-visualizer-container.svelte-fw9ioc{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden;background:radial-gradient(ellipse at center,#1a1a2e,#0f0f1a)}svg.svelte-fw9ioc{display:block}.note-glows.svelte-fw9ioc circle:where(.svelte-fw9ioc){transition:opacity .1s ease-out}.circular-visualizer-container.svelte-za6yj6{width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden;background:radial-gradient(ellipse at center,#1a1a2e,#0f0f1a);display:flex;justify-content:center;align-items:center}svg.svelte-za6yj6{max-width:90vh;max-height:90vh}.active-segments.svelte-za6yj6 path:where(.svelte-za6yj6){transition:opacity .08s ease-out}.control-panel.svelte-eocynw{position:fixed;top:16px;left:16px;z-index:100;background:linear-gradient(180deg,var(--synth-panel-light, #2d2d3d) 0%,var(--synth-panel, #252532) 100%);border:1px solid var(--synth-border, rgba(255, 255, 255, .08));border-radius:var(--synth-radius-md, 12px);box-shadow:0 4px 24px var(--synth-shadow-color, rgba(0, 0, 0, .6)),inset 0 1px #ffffff0d;padding:16px;min-width:220px;font-family:var(--synth-font-display, "Inter", sans-serif)}.panel-header.svelte-eocynw{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.header-left.svelte-eocynw{display:flex;align-items:center;gap:10px}.led.svelte-eocynw{width:8px;height:8px;border-radius:50%;background:#333;box-shadow:inset 0 1px 2px #00000080;transition:all .2s ease}.led.on.svelte-eocynw{background:var(--synth-accent-green, #4ade80);box-shadow:0 0 8px var(--synth-accent-green, #4ade80),0 0 16px #4ade8080}.panel-title.svelte-eocynw{font-family:var(--synth-font-mono, monospace);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--synth-label, #888);margin:0}.theme-select.svelte-eocynw{background:transparent;border:none;color:var(--synth-label, #888);font-family:var(--synth-font-mono, monospace);font-size:10px;text-transform:uppercase;cursor:pointer;opacity:.7;transition:opacity .2s}.theme-select.svelte-eocynw:hover{opacity:1;color:var(--synth-text, #fff)}.theme-select.svelte-eocynw:focus{outline:none}.panel-divider.svelte-eocynw{height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);margin:12px 0}.control-group.svelte-eocynw{margin-bottom:12px}.control-label.svelte-eocynw{display:block;font-family:var(--synth-font-mono, monospace);font-size:9px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:var(--synth-label, #6b6b78);margin-bottom:6px}.synth-select.svelte-eocynw{width:100%;font-family:var(--synth-font-mono, monospace);font-size:12px;color:var(--synth-text, #e0e0e8);background:var(--synth-bg, #1a1a24);border:1px solid var(--synth-border-light, rgba(255, 255, 255, .12));border-radius:var(--synth-radius-sm, 6px);padding:8px 32px 8px 12px;cursor:pointer;box-shadow:inset 0 2px 4px #0006;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all .15s ease}.synth-select.svelte-eocynw:hover{border-color:var(--synth-accent, #ff6b6b)}.synth-select.svelte-eocynw:focus{outline:none;border-color:var(--synth-accent, #ff6b6b);box-shadow:inset 0 2px 4px #0006,0 0 0 2px #ff6b6b33}.file-drop-zone.svelte-eocynw{position:relative;border:2px dashed var(--synth-border-light, rgba(255, 255, 255, .15));border-radius:var(--synth-radius-md, 8px);padding:16px;text-align:center;transition:all .2s ease;background:#0003}.file-drop-zone.svelte-eocynw:hover,.file-drop-zone.drag-over.svelte-eocynw{border-color:var(--synth-accent, #ff6b6b);background:#ff6b6b0d}.file-input.svelte-eocynw{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.file-label.svelte-eocynw{display:flex;flex-direction:column;align-items:center;gap:8px;color:var(--synth-label, #888);font-size:11px;pointer-events:none}.file-label.svelte-eocynw svg:where(.svelte-eocynw){opacity:.6}.audio-controls.svelte-eocynw{display:flex;align-items:center;justify-content:space-between;background:#0000004d;border-radius:var(--synth-radius-sm, 8px);padding:8px 12px}.file-name.svelte-eocynw{font-family:var(--synth-font-mono, monospace);font-size:11px;color:var(--synth-text-dim, #aaa)}.audio-buttons.svelte-eocynw{display:flex;gap:6px}.play-btn.svelte-eocynw,.clear-btn.svelte-eocynw{width:28px;height:28px;border-radius:50%;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease}.play-btn.svelte-eocynw{background:var(--synth-accent, #ff6b6b);color:#fff}.play-btn.svelte-eocynw:hover{filter:brightness(1.1);box-shadow:0 0 12px var(--synth-accent, rgba(255, 107, 107, .5))}.play-btn.playing.svelte-eocynw{background:var(--synth-accent-yellow, #facc15)}.clear-btn.svelte-eocynw{background:#ffffff1a;color:var(--synth-label, #888)}.clear-btn.svelte-eocynw:hover{background:#ef44444d;color:#ef4444}.analyzing-indicator.svelte-eocynw{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:10px;color:var(--synth-accent, #ff6b6b)}.analyzing-dot.svelte-eocynw{width:6px;height:6px;border-radius:50%;background:var(--synth-accent, #ff6b6b);animation:svelte-eocynw-pulse 1s ease-in-out infinite}@keyframes svelte-eocynw-pulse{0%,to{opacity:1}50%{opacity:.4}}:root{--synth-bg-dark: #0d0d14;--synth-bg: #1a1a24;--synth-panel: #252532;--synth-panel-light: #2d2d3d;--synth-panel-dark: #1c1c28;--synth-accent: #ff6b6b;--synth-accent-hover: #ff8585;--synth-accent-green: #4ade80;--synth-accent-blue: #60a5fa;--synth-accent-yellow: #facc15;--synth-accent-purple: #a78bfa;--synth-accent-orange: #fb923c;--synth-text: #e0e0e8;--synth-text-dim: #888895;--synth-text-bright: #ffffff;--synth-label: #6b6b78;--synth-border: rgba(255, 255, 255, .08);--synth-border-light: rgba(255, 255, 255, .12);--synth-glow-red: 0 0 12px rgba(255, 107, 107, .6);--synth-glow-green: 0 0 12px rgba(74, 222, 128, .6);--synth-glow-blue: 0 0 12px rgba(96, 165, 250, .6);--synth-shadow: 0 4px 16px rgba(0, 0, 0, .5);--synth-shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--synth-inset: inset 0 2px 4px rgba(0, 0, 0, .4);--synth-inset-deep: inset 0 4px 8px rgba(0, 0, 0, .5);--synth-panel-gradient: linear-gradient(180deg, var(--synth-panel-light) 0%, var(--synth-panel) 100%);--synth-metal-gradient: linear-gradient(135deg, #555 0%, #333 50%, #444 100%);--synth-knob-gradient: linear-gradient(135deg, #4a4a5a 0%, #2a2a3a 50%, #3a3a4a 100%);--synth-font-display: "Inter", "Segoe UI", system-ui, sans-serif;--synth-font-mono: "JetBrains Mono", "Fira Code", "Consolas", monospace;--synth-spacing-xs: 4px;--synth-spacing-sm: 8px;--synth-spacing-md: 16px;--synth-spacing-lg: 24px;--synth-spacing-xl: 32px;--synth-radius-sm: 4px;--synth-radius-md: 8px;--synth-radius-lg: 12px;--synth-radius-full: 9999px}[data-theme=vintage]{--synth-bg-dark: #1a120b;--synth-bg: #2c1e14;--synth-panel: #3d2b1f;--synth-panel-light: #523a2a;--synth-panel-dark: #26170e;--synth-accent: #ffb86c;--synth-accent-hover: #ffcf9e;--synth-accent-green: #d4e09b;--synth-accent-blue: #8be9fd;--synth-text: #f0e6d2;--synth-text-dim: #a89f91;--synth-label: #d4c5b0;--synth-border: rgba(240, 230, 210, .15);--synth-border-light: rgba(240, 230, 210, .25);--synth-shadow: 0 4px 16px rgba(10, 5, 0, .6);--synth-panel-gradient: linear-gradient(180deg, var(--synth-panel-light) 0%, var(--synth-panel) 100%);--synth-metal-gradient: linear-gradient(135deg, #d4af37 0%, #aa8c2c 50%, #8a7020 100%);--synth-knob-gradient: linear-gradient(135deg, #2a1d15 0%, #1a100a 100%);--synth-font-display: "Georgia", serif;--synth-font-mono: "Courier New", monospace;--synth-radius-sm: 2px;--synth-radius-md: 4px;--synth-radius-lg: 6px}[data-theme=industrial]{--synth-bg-dark: #0a0a0a;--synth-bg: #151515;--synth-panel: #222;--synth-panel-light: #333;--synth-panel-dark: #111;--synth-accent: #ffff00;--synth-accent-hover: #ffff40;--synth-accent-green: #00ff00;--synth-accent-blue: #00ffff;--synth-text: #d0d0d0;--synth-text-dim: #707070;--synth-label: #909090;--synth-border: #444;--synth-border-light: #666;--synth-shadow: 0 2px 0 rgba(0,0,0,1);--synth-panel-gradient: repeating-linear-gradient(45deg, #222, #222 10px, #252525 10px, #252525 20px);--synth-metal-gradient: linear-gradient(180deg, #888 0%, #444 100%);--synth-knob-gradient: linear-gradient(180deg, #444 0%, #222 100%);--synth-font-display: "Impact", sans-serif;--synth-font-mono: "Consolas", "Monaco", monospace;--synth-radius-sm: 0px;--synth-radius-md: 2px;--synth-radius-lg: 4px}.synth-panel{background:var(--synth-panel-gradient);border:1px solid var(--synth-border);border-radius:var(--synth-radius-md);box-shadow:var(--synth-shadow),var(--synth-inset);padding:var(--synth-spacing-md);position:relative}.synth-panel:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);border-radius:var(--synth-radius-md) var(--synth-radius-md) 0 0}.synth-panel-header{display:flex;align-items:center;gap:var(--synth-spacing-sm);margin-bottom:var(--synth-spacing-md);padding-bottom:var(--synth-spacing-sm);border-bottom:1px solid var(--synth-border)}.synth-panel-title{font-family:var(--synth-font-mono);font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--synth-label);margin:0}.synth-led{width:8px;height:8px;border-radius:50%;background:#222;box-shadow:var(--synth-inset);transition:all .15s ease}.synth-led.on{background:var(--synth-accent);box-shadow:var(--synth-glow-red)}.synth-led.green.on{background:var(--synth-accent-green);box-shadow:var(--synth-glow-green)}.synth-led.blue.on{background:var(--synth-accent-blue);box-shadow:var(--synth-glow-blue)}.synth-btn{font-family:var(--synth-font-mono);font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--synth-text);background:var(--synth-panel-dark);border:1px solid var(--synth-border-light);border-radius:var(--synth-radius-sm);padding:var(--synth-spacing-sm) var(--synth-spacing-md);cursor:pointer;transition:all .15s ease;box-shadow:var(--synth-shadow-sm);position:relative;overflow:hidden}.synth-btn:hover{background:var(--synth-panel);border-color:var(--synth-accent);color:var(--synth-text-bright)}.synth-btn:active{transform:translateY(1px);box-shadow:none}.synth-btn.primary{background:var(--synth-accent);color:#fff;border-color:var(--synth-accent)}.synth-btn.primary:hover{background:var(--synth-accent-hover)}.synth-select{font-family:var(--synth-font-mono);font-size:12px;color:var(--synth-text);background:var(--synth-bg);border:1px solid var(--synth-border-light);border-radius:var(--synth-radius-sm);padding:var(--synth-spacing-sm) var(--synth-spacing-md);padding-right:32px;cursor:pointer;box-shadow:var(--synth-inset);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;transition:all .15s ease}.synth-select:hover{border-color:var(--synth-accent)}.synth-select:focus{outline:none;border-color:var(--synth-accent);box-shadow:var(--synth-inset),0 0 0 2px #ff6b6b33}.synth-toggle{width:44px;height:22px;background:var(--synth-bg);border-radius:var(--synth-radius-full);box-shadow:var(--synth-inset-deep);position:relative;cursor:pointer;transition:all .2s ease}.synth-toggle:after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;background:var(--synth-metal-gradient);border-radius:50%;box-shadow:0 2px 4px #0006;transition:all .2s ease}.synth-toggle.active{background:#ff6b6b33}.synth-toggle.active:after{left:25px;background:var(--synth-accent);box-shadow:var(--synth-glow-red)}.synth-label{font-family:var(--synth-font-mono);font-size:10px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--synth-label);display:block;margin-bottom:var(--synth-spacing-xs)}.synth-value{font-family:var(--synth-font-mono);font-size:14px;font-weight:600;color:var(--synth-accent);background:var(--synth-bg);padding:4px 8px;border-radius:var(--synth-radius-sm);box-shadow:var(--synth-inset);min-width:60px;text-align:center}.synth-divider{height:1px;background:linear-gradient(90deg,transparent,var(--synth-border-light),transparent);margin:var(--synth-spacing-md) 0}.synth-control-group{display:flex;align-items:center;gap:var(--synth-spacing-sm)}.synth-control-row{display:flex;align-items:center;justify-content:space-between;gap:var(--synth-spacing-md)}.synth-jack{width:20px;height:20px;background:radial-gradient(circle at 30% 30%,#555,#222);border-radius:50%;border:2px solid #333;box-shadow:inset 0 2px 4px #0009,0 1px 2px #ffffff1a}.synth-screw{width:10px;height:10px;background:radial-gradient(circle at 30% 30%,#666,#333);border-radius:50%;position:relative}.synth-screw:after{content:"";position:absolute;top:50%;left:50%;width:6px;height:1px;background:#222;transform:translate(-50%,-50%)}@keyframes synth-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes synth-glow-pulse{0%,to{box-shadow:var(--synth-glow-red)}50%{box-shadow:0 0 20px #ff6b6bcc}}.synth-recording{animation:synth-glow-pulse 1s ease-in-out infinite}.recording-controls.svelte-z6eqn0{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;gap:10px;z-index:100;background:var(--synth-panel-dark, rgba(30, 30, 40, .9));padding:10px 15px;border-radius:30px;border:1px solid var(--synth-border, rgba(255, 255, 255, .1));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--synth-shadow, 0 4px 12px rgba(0, 0, 0, .5))}.record-btn.svelte-z6eqn0{width:44px;height:44px;border-radius:50%;border:2px solid var(--synth-accent, #ff4444);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.record-btn.svelte-z6eqn0:hover:not(:disabled){background:var(--synth-accent, rgba(255, 68, 68, .2));box-shadow:0 0 10px var(--synth-accent, rgba(255, 68, 68, .5));transform:scale(1.05)}.record-btn.svelte-z6eqn0:disabled{opacity:.4;cursor:not-allowed;border-color:var(--synth-text-dim, #666)}.record-icon.svelte-z6eqn0{width:20px;height:20px;background:var(--synth-accent, #ff4444);border-radius:50%}.record-btn.svelte-z6eqn0:disabled .record-icon:where(.svelte-z6eqn0){background:var(--synth-text-dim, #666)}.recording-indicator.svelte-z6eqn0{display:flex;align-items:center;gap:8px;color:var(--synth-text, #fff);font-family:var(--synth-font-mono, "Courier New", monospace)}.recording-dot.svelte-z6eqn0{width:12px;height:12px;background:var(--synth-accent, #ff4444);border-radius:50%;animation:svelte-z6eqn0-pulse 1s ease-in-out infinite;box-shadow:0 0 8px var(--synth-accent, #ff4444)}@keyframes svelte-z6eqn0-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.9)}}.recording-time.svelte-z6eqn0,.complete-time.svelte-z6eqn0{font-size:14px;min-width:45px}.stop-btn.svelte-z6eqn0{width:44px;height:44px;border-radius:50%;border:2px solid var(--synth-text, #fff);background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.stop-btn.svelte-z6eqn0:hover{background:#fff3;transform:scale(1.05);border-color:var(--synth-text-bright, #fff)}.stop-icon.svelte-z6eqn0{width:16px;height:16px;background:var(--synth-text, #fff);border-radius:2px}.recording-complete.svelte-z6eqn0{display:flex;align-items:center;gap:10px;color:var(--synth-text, #fff);font-family:var(--synth-font-mono, "Courier New", monospace)}.download-btn.svelte-z6eqn0,.new-btn.svelte-z6eqn0{width:36px;height:36px;border-radius:50%;border:none;background:#ffffff26;color:var(--synth-text, #fff);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.download-btn.svelte-z6eqn0:hover{background:var(--synth-accent-green, rgba(76, 175, 80, .4));transform:scale(1.1);box-shadow:0 0 8px var(--synth-accent-green, rgba(76, 175, 80, .4))}.new-btn.svelte-z6eqn0:hover{background:var(--synth-accent, rgba(255, 68, 68, .4));transform:scale(1.1);box-shadow:0 0 8px var(--synth-accent, rgba(255, 68, 68, .4))}body{margin:0;padding:0;background-color:#222;color:#eee;overflow:hidden;font-family:Arial,sans-serif}main.svelte-1cuxxwz{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column}.instructions.svelte-1cuxxwz{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:10;background-color:#0009;padding:20px 40px;border-radius:10px;pointer-events:none;font-family:Helvetica,sans-serif}.instructions.svelte-1cuxxwz h1:where(.svelte-1cuxxwz){margin-bottom:.5em;font-size:4em;font-weight:700}.instructions.svelte-1cuxxwz p:where(.svelte-1cuxxwz){font-size:2em;margin-top:0}