:root,[data-color=lavender]{--bg:#2a2a3a;--bg-surface:#2e2e40;--bg-surface-hover:#363650;--bg-input:#262636;--text:#c8c8e0;--text-muted:#8080a0;--text-heading:#e4e4f8;--accent:#a78bfa;--accent-hover:#8b5cf6;--accent-glow:#a78bfa1f;--border:#2a2a44;--border-focus:#a78bfa;--success:#86efac;--warning:#fcd34d;--error:#fca5a5;--play-btn-text:#1a1a2e;--shadow-color:#1a1a28;--shadow-light:#3e3e56;--mono:"JetBrains Mono", "Fira Code", "Cascadia Code", ui-monospace, Consolas, monospace;--sans:"Inter", system-ui, -apple-system, sans-serif}[data-color=midnight]{--bg:#0a0a0a;--bg-surface:#17141f;--bg-surface-hover:#1f1b2a;--bg-input:#13111a;--text:#c9b8e8;--text-muted:#7a6b9a;--text-heading:#e8dff5;--accent:#d4bbff;--accent-hover:#c5a6ff;--accent-glow:#d4bbff26;--border:#2a2040;--border-focus:#d4bbff;--success:#a3e4b8;--warning:#f0d4a0;--error:#f0a0a0;--play-btn-text:#0a0a0a;--shadow-color:#000;--shadow-light:#1f1b2a}[data-color=cyberpunk]{--bg:#0a0a12;--bg-surface:#12121f;--bg-surface-hover:#1a1a2e;--bg-input:#0e0e18;--text:#e0e0ff;--text-muted:#6a6a9e;--text-heading:#f0f0ff;--accent:#0fc;--accent-hover:#00e6b8;--accent-glow:#00ffcc1f;--border:#1a1a3a;--border-focus:#0fc;--success:#0f8;--warning:#fc0;--error:#f46;--play-btn-text:#0a0a12;--shadow-color:#000;--shadow-light:#1a1a2e}[data-color=retro]{--bg:#1a1410;--bg-surface:#241e18;--bg-surface-hover:#302820;--bg-input:#1e1812;--text:#d4c4a0;--text-muted:#8a7a5a;--text-heading:#f0e4c8;--accent:#e8a040;--accent-hover:#f0b050;--accent-glow:#e8a0401f;--border:#3a3020;--border-focus:#e8a040;--success:#88c878;--warning:#e8c040;--error:#d86040;--play-btn-text:#1a1410;--shadow-color:#0a0800;--shadow-light:#3a3020}[data-color=ocean]{--bg:#0a1620;--bg-surface:#122030;--bg-surface-hover:#1a2e42;--bg-input:#0e1a28;--text:#b8d4e8;--text-muted:#5a8aaa;--text-heading:#e0f0ff;--accent:#38bdf8;--accent-hover:#0ea5e9;--accent-glow:#38bdf81f;--border:#1a3050;--border-focus:#38bdf8;--success:#34d399;--warning:#fbbf24;--error:#fb7185;--play-btn-text:#0a1620;--shadow-color:#040e18;--shadow-light:#1a3050}[data-color=rose]{--bg:#1a0a14;--bg-surface:#241420;--bg-surface-hover:#30202c;--bg-input:#1e0e18;--text:#e8c0d8;--text-muted:#9a6080;--text-heading:#ffe0f0;--accent:#f472b6;--accent-hover:#ec4899;--accent-glow:#f472b61f;--border:#3a2030;--border-focus:#f472b6;--success:#86efac;--warning:#fcd34d;--error:#fca5a5;--play-btn-text:#1a0a14;--shadow-color:#0a0008;--shadow-light:#3a2030}:root,[data-style=simple]{--radius:8px;--radius-lg:12px;--shadow:0 4px 20px #0006;--shadow-inset:inset 0 2px 4px #0003;--surface-blur:none;--surface-bg:var(--bg-surface);--btn-shadow:0 2px 8px #0000004d;--btn-shadow-active:inset 0 2px 6px #0006;--play-shadow:0 4px 16px var(--accent-glow);--play-shadow-hover:0 6px 24px var(--accent-glow);--play-shadow-active:inset 0 2px 8px #0006}[data-style=neumorphic]{--radius:16px;--radius-lg:20px;--shadow:6px 6px 14px var(--shadow-color), -6px -6px 14px var(--shadow-light);--shadow-inset:inset 3px 3px 8px var(--shadow-color), inset -3px -3px 8px var(--shadow-light);--surface-blur:none;--surface-bg:var(--bg-surface);--btn-shadow:4px 4px 10px var(--shadow-color), -4px -4px 10px var(--shadow-light);--btn-shadow-active:inset 3px 3px 6px var(--shadow-color), inset -3px -3px 6px var(--shadow-light);--play-shadow:4px 4px 12px var(--shadow-color), -4px -4px 12px var(--shadow-light);--play-shadow-hover:6px 6px 16px var(--shadow-color), -6px -6px 16px var(--shadow-light);--play-shadow-active:inset 3px 3px 8px var(--shadow-color), inset -3px -3px 8px var(--shadow-light)}[data-style=glassmorphic]{--radius:16px;--radius-lg:20px;--shadow:0 8px 32px #00000040;--shadow-inset:inset 0 2px 4px #00000026;--surface-blur:blur(20px);--surface-bg:#ffffff14;--bg-surface:#ffffff14;--bg-surface-hover:#ffffff24;--bg-input:#ffffff0d;--border:#ffffff1f;--btn-shadow:0 2px 12px #00000026;--btn-shadow-active:inset 0 2px 8px #0000004d;--play-shadow:0 4px 20px var(--accent-glow);--play-shadow-hover:0 6px 28px var(--accent-glow);--play-shadow-active:inset 0 2px 8px #0006}*,:before,:after{box-sizing:border-box}body{font-family:var(--sans);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;margin:0}[data-style=glassmorphic] body{background:linear-gradient(135deg, var(--bg) 0%, color-mix(in srgb, var(--bg), var(--accent) 15%) 50%, var(--bg) 100%);background-attachment:fixed}#app{flex-direction:column;min-height:100dvh;display:flex}button{cursor:pointer;font-family:var(--sans)}input,select,textarea{font-family:var(--sans)}select{background:var(--bg-input);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;outline:none;padding:8px 12px;font-size:.85rem;transition:border-color .2s}select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-input);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}*{scrollbar-width:thin;scrollbar-color:var(--text-muted) var(--bg-input)}input[type=range].styled-slider{appearance:none;cursor:pointer;background:var(--bg-input);border-radius:3px;outline:none;height:6px;transition:height .15s}input[type=range].styled-slider:hover{height:8px}input[type=range].styled-slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:14px;height:14px;box-shadow:0 0 4px #0000004d}input[type=range].styled-slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:14px;height:14px;box-shadow:0 0 4px #0000004d}[data-style=neumorphic] select,[data-style=neumorphic] textarea,[data-style=neumorphic] input[type=text]{box-shadow:var(--shadow-inset);border:none}[data-style=neumorphic] select:focus,[data-style=neumorphic] textarea:focus,[data-style=neumorphic] input[type=text]:focus{box-shadow:var(--shadow-inset), 0 0 0 2px var(--accent-glow)}[data-style=glassmorphic] select,[data-style=glassmorphic] textarea,[data-style=glassmorphic] input[type=text]{-webkit-backdrop-filter:blur(12px)}[data-style=glassmorphic] ::-webkit-scrollbar-track{background:#ffffff0a}[data-style=glassmorphic] ::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--accent), transparent 70%)}[data-style=glassmorphic] ::-webkit-scrollbar-thumb:hover{background:color-mix(in srgb, var(--accent), transparent 50%)}[data-style=glassmorphic] *{scrollbar-color:color-mix(in srgb, var(--accent), transparent 70%) #ffffff0a}[data-style=simple] select:focus,[data-style=simple] textarea:focus,[data-style=simple] input[type=text]:focus{box-shadow:0 0 8px var(--accent-glow), 0 0 0 1px var(--accent)}.tab-input.svelte-1566npz{width:100%}.input-header.svelte-1566npz{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.header-actions.svelte-1566npz{align-items:center;gap:8px;display:flex}label.svelte-1566npz{color:var(--text-heading);font-size:.875rem;font-weight:600}.example-select.svelte-1566npz{background:var(--bg-surface);color:var(--accent);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:4px 12px;font-size:.8rem;transition:background .2s,border-color .2s}.example-select.svelte-1566npz:hover{background:var(--bg-surface-hover);border-color:var(--accent)}textarea.svelte-1566npz{background:var(--bg-input);width:100%;min-height:200px;max-height:400px;color:var(--text);border:1px solid var(--border);border-radius:var(--radius);font-family:var(--mono);resize:vertical;white-space:pre;outline:none;padding:12px;font-size:.8rem;line-height:1.5;transition:border-color .2s;overflow-x:auto}textarea.svelte-1566npz:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-glow)}textarea.svelte-1566npz::placeholder{color:var(--text-muted);opacity:.6}@media (width<=480px){.input-header.svelte-1566npz{flex-wrap:wrap;gap:8px}.header-actions.svelte-1566npz{flex:1;justify-content:flex-end}}.tuning-selector.svelte-1r6hs48{flex-direction:column;gap:6px;display:flex}label.svelte-1r6hs48{color:var(--text-heading);font-size:.8rem;font-weight:600}.custom-tuning.svelte-1r6hs48{flex-wrap:wrap;gap:6px;padding:8px 0;display:flex}.string-select.svelte-1r6hs48{flex-direction:column;align-items:center;gap:4px;display:flex}.string-label.svelte-1r6hs48{color:var(--text-muted);font-size:.7rem}.string-select.svelte-1r6hs48 select:where(.svelte-1r6hs48){min-width:50px;padding:4px 6px;font-size:.8rem}.guitar-type-selector.svelte-18xave5{flex-direction:column;gap:6px;display:flex}label.svelte-18xave5{color:var(--text-heading);font-size:.8rem;font-weight:600}.player-controls.svelte-5tre29{background:var(--surface-bg,var(--bg-surface));border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow);-webkit-backdrop-filter:var(--surface-blur,none);padding:12px 20px}.player-controls.disabled.svelte-5tre29{opacity:.5;pointer-events:none}.progress-slider.svelte-5tre29{width:100%;margin-bottom:4px}.position-display.svelte-5tre29{font-family:var(--mono);color:var(--text-muted);text-align:right;margin-bottom:8px;font-size:.8rem}.controls-row.svelte-5tre29{justify-content:space-between;align-items:center;gap:16px;display:flex}.left-controls.svelte-5tre29,.right-controls.svelte-5tre29{flex:1}.left-controls.svelte-5tre29{align-items:center;display:flex}.right-controls.svelte-5tre29{justify-content:flex-end;align-items:center;display:flex}.current.svelte-5tre29{color:var(--text-heading)}.separator.svelte-5tre29{margin:0 2px}.transport.svelte-5tre29{align-items:center;gap:8px;display:flex}.control-btn.svelte-5tre29{background:var(--bg-surface);border:1px solid var(--border);color:var(--text);box-shadow:var(--btn-shadow,none);border-radius:50%;justify-content:center;align-items:center;padding:8px;transition:all .2s;display:flex}.control-btn.svelte-5tre29:hover:not(:disabled){background:var(--bg-surface-hover);color:var(--text-heading);transform:translateY(-1px)}.control-btn.svelte-5tre29:active:not(:disabled){box-shadow:var(--btn-shadow-active,none);transform:translateY(1px)scale(.95)}.control-btn.svelte-5tre29:disabled{opacity:.3;cursor:not-allowed}.play-btn.svelte-5tre29{background:var(--accent);color:var(--play-btn-text,#0a0a0a);width:44px;height:44px;box-shadow:var(--play-shadow,0 2px 8px var(--accent-glow))}.play-btn.svelte-5tre29:hover:not(:disabled){background:var(--accent-hover);color:var(--play-btn-text,#0a0a0a);box-shadow:var(--play-shadow-hover,0 4px 16px var(--accent-glow));transform:translateY(-2px)}.play-btn.svelte-5tre29:active:not(:disabled){box-shadow:var(--play-shadow-active,0 1px 4px var(--accent-glow));transform:translateY(1px)scale(.93)}.speed-control.svelte-5tre29{align-items:center;gap:8px;min-width:120px;display:flex}.speed-input.svelte-5tre29{font-family:var(--mono);color:var(--text-heading);background:var(--bg-input);border:1px solid var(--border);text-align:right;border-radius:4px;outline:none;width:42px;padding:2px 4px;font-size:.8rem}.speed-input.svelte-5tre29:focus{border-color:var(--border-focus)}.speed-x.svelte-5tre29{font-family:var(--mono);color:var(--text-muted);font-size:.8rem}.speed-btn.svelte-5tre29{background:var(--bg-surface-hover);border:1px solid var(--border);color:var(--text-heading);cursor:pointer;width:24px;height:24px;box-shadow:var(--btn-shadow,none);border-radius:4px;justify-content:center;align-items:center;padding:0;font-size:.85rem;font-weight:600;transition:all .2s;display:flex}.speed-btn.svelte-5tre29:hover{background:var(--bg-surface);color:var(--text-heading);border-color:var(--border-focus);transform:translateY(-1px)}.speed-btn.svelte-5tre29:active{box-shadow:var(--btn-shadow-active,none);transform:translateY(1px)scale(.93)}.speed-control.svelte-5tre29 input[type=range]:where(.svelte-5tre29){width:80px}.volume-control.svelte-5tre29{align-items:center;gap:6px;display:flex}.volume-icon.svelte-5tre29{color:var(--text-muted);flex-shrink:0}.master-volume-slider.svelte-5tre29{width:60px}@media (width<=600px){.player-controls.svelte-5tre29{padding:10px 14px}.controls-row.svelte-5tre29{flex-wrap:wrap;gap:8px}.transport.svelte-5tre29{flex:0 0 100%;order:1;justify-content:center}.left-controls.svelte-5tre29{flex:none;order:2}.right-controls.svelte-5tre29{flex:none;order:3}.speed-control.svelte-5tre29{min-width:auto}.speed-control.svelte-5tre29 input[type=range]:where(.svelte-5tre29){width:60px}}.tab-display.svelte-nho7d5{border:1px solid var(--border);border-radius:var(--radius-lg);width:100%;box-shadow:var(--shadow);-webkit-backdrop-filter:var(--surface-blur,none);overflow:hidden}.tab-header.svelte-nho7d5{background:var(--surface-bg,var(--bg-surface));border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:8px 16px;display:flex}.tab-label.svelte-nho7d5{color:var(--text-heading);font-size:.8rem;font-weight:600}.tab-header-right.svelte-nho7d5{align-items:center;gap:8px;display:flex}.edit-btn.svelte-nho7d5{border:1px solid var(--border);background:var(--bg-surface-hover);color:var(--text-heading);cursor:pointer;box-shadow:var(--btn-shadow,none);border-radius:4px;padding:3px 10px;font-size:.75rem;transition:all .2s}.edit-btn.svelte-nho7d5:hover{background:var(--bg-surface);color:var(--text-heading);border-color:var(--border-focus);transform:translateY(-1px)}.edit-btn.svelte-nho7d5:active{box-shadow:var(--btn-shadow-active,none);transform:translateY(1px)scale(.95)}.cancel-btn.svelte-nho7d5{background:0 0}.col-btn.svelte-nho7d5:disabled{opacity:.3;cursor:not-allowed}.col-btn.svelte-nho7d5:disabled:hover{background:var(--bg-surface-hover);color:var(--text-heading);border-color:var(--border)}.tab-edit-textarea.svelte-nho7d5{background:var(--bg-input);width:100%;min-height:200px;color:var(--text);font-family:var(--mono);resize:vertical;white-space:pre;border:none;outline:none;padding:0;font-size:.8rem;line-height:1.6;overflow-x:auto}.playing-indicator.svelte-nho7d5{color:var(--success);align-items:center;gap:6px;font-size:.75rem;display:flex}.playing-indicator.svelte-nho7d5:before{content:"";background:var(--success);border-radius:50%;width:6px;height:6px;animation:1.5s ease-in-out infinite svelte-nho7d5-pulse}@keyframes svelte-nho7d5-pulse{0%,to{opacity:1}50%{opacity:.3}}.tab-content.svelte-nho7d5{background:var(--bg-input);padding:16px;overflow-x:auto}.tab-block.svelte-nho7d5{font-family:var(--mono);color:var(--text);white-space:pre;tab-size:4;cursor:pointer;margin:0 0 16px;font-size:.8rem;line-height:1.6}.tab-block.svelte-nho7d5:last-child{margin-bottom:0}.col-active.svelte-nho7d5{background:var(--accent);color:#0a0a0a;border-radius:2px;padding:0 1px}@media (width<=640px){.tab-content.svelte-nho7d5{padding:12px}.tab-block.svelte-nho7d5{font-size:.7rem}}.string-volumes.svelte-1phqbpk{flex-direction:column;gap:8px;display:flex}.section-label.svelte-1phqbpk{color:var(--text-heading);font-size:.85rem;font-weight:600}.sliders.svelte-1phqbpk{flex-direction:column;gap:4px;display:flex}.slider-row.svelte-1phqbpk{grid-template-columns:28px 1fr 40px;align-items:center;gap:8px;display:grid}.string-label.svelte-1phqbpk{font-family:var(--mono);color:var(--text-muted);text-align:center;font-size:.8rem;font-weight:600}.volume-slider.svelte-1phqbpk{width:100%}.volume-value.svelte-1phqbpk{color:var(--text-muted);text-align:right;font-size:.7rem;font-family:var(--mono)}@media (width<=640px){.slider-row.svelte-1phqbpk{grid-template-columns:24px 1fr 36px;gap:6px}}.theme-nav.svelte-tx29xk{justify-content:center;padding:8px 0;display:flex}.selector-group.svelte-tx29xk{flex-direction:column;align-items:center;gap:6px;display:flex}.selector-row.svelte-tx29xk{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:var(--surface-blur);gap:4px;padding:4px;display:flex}.style-btn.svelte-tx29xk,.color-btn.svelte-tx29xk{border-radius:var(--radius);color:var(--text-muted);font-size:.7rem;font-family:var(--sans);cursor:pointer;white-space:nowrap;background:0 0;border:none;align-items:center;gap:6px;padding:5px 10px;transition:all .25s;display:flex}.style-btn.svelte-tx29xk:hover,.color-btn.svelte-tx29xk:hover{color:var(--text-heading);background:var(--bg-surface-hover);transform:translateY(-1px)}.style-btn.svelte-tx29xk:active,.color-btn.svelte-tx29xk:active{transform:translateY(1px)scale(.95)}.style-btn.active.svelte-tx29xk,.color-btn.active.svelte-tx29xk{color:var(--play-btn-text,#0a0a0a);background:var(--accent);box-shadow:0 2px 8px var(--accent-glow)}.btn-label.svelte-tx29xk{font-weight:500}.color-swatch.svelte-tx29xk{border:1.5px solid #fff3;border-radius:50%;flex-shrink:0;width:12px;height:12px;display:inline-block}@media (width<=640px){.selector-row.svelte-tx29xk{gap:2px;padding:3px}.style-btn.svelte-tx29xk,.color-btn.svelte-tx29xk{padding:5px 6px}.btn-label.svelte-tx29xk{display:none}}main.svelte-1n46o8q{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:32px 24px 24px}header.svelte-1n46o8q{text-align:center;margin-bottom:32px}h1.svelte-1n46o8q{color:var(--text-heading);margin:0 0 8px;font-size:2rem;font-weight:700}.subtitle.svelte-1n46o8q{color:var(--text-muted);margin:0;font-size:1rem}.content.svelte-1n46o8q{flex-direction:column;gap:24px;display:flex}.input-section.svelte-1n46o8q{flex-direction:column;gap:16px;display:flex}.settings-row.svelte-1n46o8q{grid-template-columns:1fr auto;align-items:start;gap:16px;display:grid}.loading-notice.svelte-1n46o8q{color:var(--warning);border-radius:var(--radius);background:#f0d4a01a;border:1px solid #f0d4a033;align-items:center;gap:8px;padding:8px 12px;font-size:.85rem;display:flex}.spinner.svelte-1n46o8q{border:2px solid var(--warning);border-top-color:#0000;border-radius:50%;width:14px;height:14px;animation:.8s linear infinite svelte-1n46o8q-spin}@keyframes svelte-1n46o8q-spin{to{transform:rotate(360deg)}}.display-section.svelte-1n46o8q{width:100%}.player-section.svelte-1n46o8q{padding:16px 24px calc(8px + env(safe-area-inset-bottom,0px));background:var(--bg);border-top:1px solid var(--border);z-index:100;-webkit-backdrop-filter:var(--surface-blur);position:sticky;bottom:0}.player-inner.svelte-1n46o8q{max-width:1100px;margin:0 auto}.player-inner.svelte-1n46o8q .player-controls{width:100%}.site-footer.svelte-1n46o8q{text-align:center;color:var(--text-muted);opacity:.7;padding:6px 0 0;font-size:.75rem}@media (width<=640px){main.svelte-1n46o8q{padding:20px 16px 16px}h1.svelte-1n46o8q{font-size:1.5rem}.settings-row.svelte-1n46o8q{grid-template-columns:1fr}.player-section.svelte-1n46o8q{padding:12px 16px calc(8px + env(safe-area-inset-bottom,0px))}}