.lexicon-overlay.svelte-1jw38hz.svelte-1jw38hz{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.lexicon-modal.svelte-1jw38hz.svelte-1jw38hz{background:#fff;border-radius:12px;width:90%;max-width:1000px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000004d}.lexicon-header.svelte-1jw38hz.svelte-1jw38hz{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.lexicon-header.svelte-1jw38hz h2.svelte-1jw38hz{margin:0;font-size:1.5rem}.close-btn.svelte-1jw38hz.svelte-1jw38hz{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn.svelte-1jw38hz.svelte-1jw38hz:hover{background:#fff3}.lexicon-tabs.svelte-1jw38hz.svelte-1jw38hz{display:flex;background:#f8f9fa;border-bottom:1px solid #dee2e6}.tab-btn.svelte-1jw38hz.svelte-1jw38hz{flex:1;padding:15px 20px;border:none;background:none;cursor:pointer;font-size:1rem;font-weight:500;color:#6c757d;transition:all .2s}.tab-btn.svelte-1jw38hz.svelte-1jw38hz:hover{background:#e9ecef;color:#495057}.tab-btn.active.svelte-1jw38hz.svelte-1jw38hz{background:#fff;color:#667eea;border-bottom:3px solid #667eea}.lexicon-content.svelte-1jw38hz.svelte-1jw38hz{padding:30px;max-height:60vh;overflow-y:auto}.styles-grid.svelte-1jw38hz.svelte-1jw38hz{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.style-card.svelte-1jw38hz.svelte-1jw38hz{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #667eea}.style-card.svelte-1jw38hz h4.svelte-1jw38hz{margin:0 0 10px;color:#000}.style-description.svelte-1jw38hz.svelte-1jw38hz{color:#000;margin-bottom:15px}.style-characteristics.svelte-1jw38hz ul.svelte-1jw38hz{margin:5px 0;padding-left:20px}.style-characteristics.svelte-1jw38hz li.svelte-1jw38hz{color:#000;margin-bottom:3px}.style-selector.svelte-1jw38hz.svelte-1jw38hz,.instrument-selector.svelte-1jw38hz.svelte-1jw38hz{margin-bottom:20px}.style-selector.svelte-1jw38hz label.svelte-1jw38hz,.instrument-selector.svelte-1jw38hz label.svelte-1jw38hz{display:block;margin-bottom:5px;font-weight:500;color:#000}.style-selector.svelte-1jw38hz select.svelte-1jw38hz,.instrument-selector.svelte-1jw38hz select.svelte-1jw38hz{width:100%;padding:10px;border:1px solid #ced4da;border-radius:4px;font-size:1rem}.rhythm-patterns.svelte-1jw38hz h4.svelte-1jw38hz{margin-bottom:20px;color:#000}.pattern-variants.svelte-1jw38hz.svelte-1jw38hz{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.pattern-variant.svelte-1jw38hz.svelte-1jw38hz{background:#f8f9fa;padding:15px;border-radius:8px;border:1px solid #dee2e6}.pattern-variant.svelte-1jw38hz h5.svelte-1jw38hz{margin:0 0 10px;color:#000}.pattern-display.svelte-1jw38hz.svelte-1jw38hz{margin-bottom:15px}.pattern-display.svelte-1jw38hz code.svelte-1jw38hz{background:#e9ecef;padding:5px 10px;border-radius:4px;font-family:monospace;color:#000}.pattern-visual.svelte-1jw38hz.svelte-1jw38hz{width:100%}.grid-container.svelte-1jw38hz.svelte-1jw38hz{display:grid;grid-template-columns:repeat(16,1fr);gap:2px;width:100%;background:#f7f7f7;border-radius:6px;margin-bottom:.2em}.instrument-row.svelte-1jw38hz.svelte-1jw38hz{display:contents}.sixteenth.svelte-1jw38hz.svelte-1jw38hz{height:22px;background:#e0e0e0;border-radius:3px;margin:0;transition:background .2s;border:1px solid #e0e0e0}.sixteenth.hit.svelte-1jw38hz.svelte-1jw38hz{background:#232336;border:1px solid #232336}.sixteenth.sustain.svelte-1jw38hz.svelte-1jw38hz{background:#b0bec5;border:1px solid #b0bec5}.grid-footer.svelte-1jw38hz.svelte-1jw38hz{display:grid;grid-template-columns:repeat(16,1fr);width:100%;font-size:.9em;color:#888;text-align:center;margin-top:.1em}.instrument-label.svelte-1jw38hz.svelte-1jw38hz{margin-right:1em;min-width:60px;text-align:right;font-weight:700;align-self:flex-start}.notation-section.svelte-1jw38hz.svelte-1jw38hz,.tempo-section.svelte-1jw38hz.svelte-1jw38hz,.advanced-section.svelte-1jw38hz.svelte-1jw38hz{padding:20px}.notation-grid.svelte-1jw38hz.svelte-1jw38hz,.tempo-grid.svelte-1jw38hz.svelte-1jw38hz,.advanced-grid.svelte-1jw38hz.svelte-1jw38hz{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin-top:20px}.notation-card.svelte-1jw38hz.svelte-1jw38hz,.tempo-card.svelte-1jw38hz.svelte-1jw38hz,.advanced-card.svelte-1jw38hz.svelte-1jw38hz{background:#f8f9fa;border:1px solid #dee2e6;border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.notation-card.svelte-1jw38hz h4.svelte-1jw38hz,.tempo-card.svelte-1jw38hz h4.svelte-1jw38hz,.advanced-card.svelte-1jw38hz h4.svelte-1jw38hz{color:#333;margin-bottom:15px;font-size:1.1em;border-bottom:2px solid #007bff;padding-bottom:8px}.duration-list.svelte-1jw38hz.svelte-1jw38hz,.articulation-list.svelte-1jw38hz.svelte-1jw38hz,.phrasing-list.svelte-1jw38hz.svelte-1jw38hz,.ornament-list.svelte-1jw38hz.svelte-1jw38hz,.tempo-list.svelte-1jw38hz.svelte-1jw38hz,.dynamic-list.svelte-1jw38hz.svelte-1jw38hz,.tempo-change-list.svelte-1jw38hz.svelte-1jw38hz,.expression-list.svelte-1jw38hz.svelte-1jw38hz,.circle-of-fifths.svelte-1jw38hz.svelte-1jw38hz,.modes-list.svelte-1jw38hz.svelte-1jw38hz,.extended-chord-list.svelte-1jw38hz.svelte-1jw38hz,.exotic-scale-list.svelte-1jw38hz.svelte-1jw38hz,.rhythm-concept-list.svelte-1jw38hz.svelte-1jw38hz,.harmonic-analysis-list.svelte-1jw38hz.svelte-1jw38hz{display:flex;flex-direction:column;gap:8px}.duration-item.svelte-1jw38hz.svelte-1jw38hz,.articulation-item.svelte-1jw38hz.svelte-1jw38hz,.phrasing-item.svelte-1jw38hz.svelte-1jw38hz,.ornament-item.svelte-1jw38hz.svelte-1jw38hz,.tempo-item.svelte-1jw38hz.svelte-1jw38hz,.dynamic-item.svelte-1jw38hz.svelte-1jw38hz,.tempo-change-item.svelte-1jw38hz.svelte-1jw38hz,.expression-item.svelte-1jw38hz.svelte-1jw38hz,.circle-item.svelte-1jw38hz.svelte-1jw38hz,.mode-item.svelte-1jw38hz.svelte-1jw38hz,.extended-chord-item.svelte-1jw38hz.svelte-1jw38hz,.exotic-scale-item.svelte-1jw38hz.svelte-1jw38hz,.rhythm-concept-item.svelte-1jw38hz.svelte-1jw38hz,.harmonic-analysis-item.svelte-1jw38hz.svelte-1jw38hz{padding:8px 12px;background:#fff;border-radius:4px;border-left:3px solid #007bff;font-size:.9em;line-height:1.4}.duration-item.svelte-1jw38hz strong.svelte-1jw38hz,.articulation-item.svelte-1jw38hz strong.svelte-1jw38hz,.phrasing-item.svelte-1jw38hz strong.svelte-1jw38hz,.ornament-item.svelte-1jw38hz strong.svelte-1jw38hz,.tempo-item.svelte-1jw38hz strong.svelte-1jw38hz,.dynamic-item.svelte-1jw38hz strong.svelte-1jw38hz,.tempo-change-item.svelte-1jw38hz strong.svelte-1jw38hz,.expression-item.svelte-1jw38hz strong.svelte-1jw38hz,.circle-item.svelte-1jw38hz strong.svelte-1jw38hz,.mode-item.svelte-1jw38hz strong.svelte-1jw38hz,.extended-chord-item.svelte-1jw38hz strong.svelte-1jw38hz,.exotic-scale-item.svelte-1jw38hz strong.svelte-1jw38hz,.rhythm-concept-item.svelte-1jw38hz strong.svelte-1jw38hz,.harmonic-analysis-item.svelte-1jw38hz strong.svelte-1jw38hz{color:#007bff;font-weight:600}.error-message.svelte-1jw38hz.svelte-1jw38hz{background:#f8d7da;color:#721c24;padding:15px;border-radius:4px;border:1px solid #f5c6cb;margin:10px 0}.midi-rules-section.svelte-1jw38hz.svelte-1jw38hz{padding:20px}.midi-technique-details.svelte-1jw38hz.svelte-1jw38hz{display:grid;grid-template-columns:1fr;gap:20px;margin-top:20px}.midi-rules-card.svelte-1jw38hz.svelte-1jw38hz{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.midi-rule-details.svelte-1jw38hz.svelte-1jw38hz{display:grid;gap:15px}.rule-section.svelte-1jw38hz.svelte-1jw38hz{display:flex;flex-direction:column;gap:8px}.rule-section.svelte-1jw38hz h5.svelte-1jw38hz{margin:0;color:var(--accent);font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.note-list.svelte-1jw38hz.svelte-1jw38hz{display:flex;flex-wrap:wrap;gap:8px}.note-tag.svelte-1jw38hz.svelte-1jw38hz,.duration-tag.svelte-1jw38hz.svelte-1jw38hz,.velocity-tag.svelte-1jw38hz.svelte-1jw38hz,.octave-tag.svelte-1jw38hz.svelte-1jw38hz,.special-tag.svelte-1jw38hz.svelte-1jw38hz{background:var(--accent);color:#fff;padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:500}.special-tag.svelte-1jw38hz.svelte-1jw38hz{background:#ff6b6b}.sample-notes.svelte-1jw38hz.svelte-1jw38hz{display:grid;gap:10px}.sample-note.svelte-1jw38hz.svelte-1jw38hz{display:flex;align-items:center;gap:15px;padding:10px;background:var(--background);border-radius:6px;border:1px solid var(--border)}.note-name.svelte-1jw38hz.svelte-1jw38hz{font-weight:700;color:var(--accent);min-width:40px}.note-duration.svelte-1jw38hz.svelte-1jw38hz{color:var(--text);font-size:.9em}.note-velocity.svelte-1jw38hz.svelte-1jw38hz{color:#666;font-size:.8em}.note-special.svelte-1jw38hz.svelte-1jw38hz{background:#ff6b6b;color:#fff;padding:2px 6px;border-radius:3px;font-size:.7em}.concrete-midi-notes.svelte-1jw38hz.svelte-1jw38hz{display:grid;gap:15px}.midi-note-timing.svelte-1jw38hz.svelte-1jw38hz{background:var(--background);border:1px solid var(--border);border-radius:6px;padding:12px}.timing-info.svelte-1jw38hz.svelte-1jw38hz{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--border)}.timing-label.svelte-1jw38hz.svelte-1jw38hz{font-weight:700;color:var(--accent);min-width:60px}.timing-value.svelte-1jw38hz.svelte-1jw38hz{color:var(--text);font-family:monospace}.total-ticks.svelte-1jw38hz.svelte-1jw38hz{color:#666;font-size:.8em;font-family:monospace}.note-details.svelte-1jw38hz.svelte-1jw38hz{display:grid;gap:8px}.concrete-note.svelte-1jw38hz.svelte-1jw38hz{display:flex;align-items:center;gap:12px;padding:6px 10px;background:var(--surface);border-radius:4px;border:1px solid var(--border)}.note-midi.svelte-1jw38hz.svelte-1jw38hz{font-family:monospace;color:#666;font-size:.9em}.rhythm-pattern.svelte-1jw38hz.svelte-1jw38hz{margin-top:15px}.pattern-grid.svelte-1jw38hz.svelte-1jw38hz{display:grid;grid-template-columns:repeat(16,1fr);gap:2px;margin-bottom:10px}.pattern-cell.svelte-1jw38hz.svelte-1jw38hz{aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:var(--background);border:1px solid var(--border);border-radius:3px;font-size:.7em;color:var(--text);cursor:pointer;transition:all .2s ease}.pattern-cell.active.svelte-1jw38hz.svelte-1jw38hz{background:var(--accent);color:#fff;border-color:var(--accent)}.pattern-cell.svelte-1jw38hz.svelte-1jw38hz:hover{background:var(--accent);color:#fff;opacity:.8}.pattern-legend.svelte-1jw38hz.svelte-1jw38hz{display:flex;gap:20px;justify-content:center;font-size:.8em;color:var(--text)}.legend-item.svelte-1jw38hz.svelte-1jw38hz{display:flex;align-items:center;gap:5px}.technique-selector.svelte-1jw38hz.svelte-1jw38hz{margin-top:15px}.selector-row.svelte-1jw38hz.svelte-1jw38hz{display:grid;grid-template-columns:1fr 1fr;gap:20px}.selector-group.svelte-1jw38hz.svelte-1jw38hz{display:flex;flex-direction:column;gap:5px}.selector-group.svelte-1jw38hz label.svelte-1jw38hz{font-weight:600;color:var(--text);font-size:.9em}.selector-group.svelte-1jw38hz select.svelte-1jw38hz{padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--text);font-size:.9em}.characteristics-section.svelte-1jw38hz.svelte-1jw38hz{padding:20px}.characteristics-controls.svelte-1jw38hz.svelte-1jw38hz{display:grid;grid-template-columns:1fr 2fr;gap:30px;margin-bottom:30px;padding:20px;background:var(--surface);border-radius:8px;border:1px solid var(--border)}.control-group.svelte-1jw38hz.svelte-1jw38hz{display:flex;flex-direction:column;gap:10px}.control-group.svelte-1jw38hz label.svelte-1jw38hz{font-weight:600;color:var(--text)}.characteristics-checkboxes.svelte-1jw38hz.svelte-1jw38hz{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.checkbox-label.svelte-1jw38hz.svelte-1jw38hz{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--background);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s ease;font-size:.9em}.checkbox-label.svelte-1jw38hz.svelte-1jw38hz:hover{background:var(--accent);color:#fff}.checkbox-label.svelte-1jw38hz input[type=checkbox].svelte-1jw38hz{margin:0}.characteristics-examples.svelte-1jw38hz.svelte-1jw38hz{display:grid;gap:30px}.characteristic-example.svelte-1jw38hz.svelte-1jw38hz{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;box-shadow:0 2px 4px #0000001a}.characteristic-example.svelte-1jw38hz h4.svelte-1jw38hz{margin:0 0 10px;color:var(--accent);font-size:1.3em}.characteristic-description.svelte-1jw38hz.svelte-1jw38hz{margin:0 0 20px;color:var(--text);font-style:italic}.instrument-examples.svelte-1jw38hz.svelte-1jw38hz{display:grid;gap:20px}.instrument-example.svelte-1jw38hz.svelte-1jw38hz{background:var(--background);border:1px solid var(--border);border-radius:6px;padding:15px}.instrument-example.svelte-1jw38hz h5.svelte-1jw38hz{margin:0 0 15px;color:var(--text);font-size:1.1em}.note-details.svelte-1jw38hz.svelte-1jw38hz{display:grid;gap:12px}.technique-info.svelte-1jw38hz.svelte-1jw38hz,.velocity-info.svelte-1jw38hz.svelte-1jw38hz,.explanation.svelte-1jw38hz.svelte-1jw38hz{display:flex;flex-direction:column;gap:5px}.technique-info.svelte-1jw38hz strong.svelte-1jw38hz,.velocity-info.svelte-1jw38hz strong.svelte-1jw38hz,.explanation.svelte-1jw38hz strong.svelte-1jw38hz{color:var(--accent);font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.midi-notes.svelte-1jw38hz.svelte-1jw38hz{display:flex;flex-direction:column;gap:8px}.midi-notes.svelte-1jw38hz strong.svelte-1jw38hz{color:var(--accent);font-size:.9em;text-transform:uppercase;letter-spacing:.5px}.midi-note-tag.svelte-1jw38hz.svelte-1jw38hz{background:var(--accent);color:#fff;padding:4px 8px;border-radius:4px;font-size:.8em;font-weight:500;display:inline-block;margin:2px}.techniques-grid.svelte-1jw38hz.svelte-1jw38hz{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.technique-card.svelte-1jw38hz.svelte-1jw38hz{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #28a745}.technique-card.svelte-1jw38hz h4.svelte-1jw38hz{margin:0 0 10px;color:#000}.technique-description.svelte-1jw38hz.svelte-1jw38hz{color:#000;margin-bottom:15px}.technique-characteristics.svelte-1jw38hz ul.svelte-1jw38hz{margin:5px 0;padding-left:20px}.technique-characteristics.svelte-1jw38hz li.svelte-1jw38hz{color:#000;margin-bottom:3px}.theory-grid.svelte-1jw38hz.svelte-1jw38hz{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}.theory-card.svelte-1jw38hz.svelte-1jw38hz{background:#f8f9fa;padding:20px;border-radius:8px;border-left:4px solid #ffc107}.theory-card.svelte-1jw38hz h4.svelte-1jw38hz{margin:0 0 15px;color:#000}.chord-item.svelte-1jw38hz.svelte-1jw38hz,.scale-item.svelte-1jw38hz.svelte-1jw38hz,.key-item.svelte-1jw38hz.svelte-1jw38hz,.duration-item.svelte-1jw38hz.svelte-1jw38hz{margin-bottom:8px;padding:5px 0;border-bottom:1px solid #dee2e6;color:#000}.key-signatures.svelte-1jw38hz.svelte-1jw38hz{display:grid;grid-template-columns:1fr 1fr;gap:20px}.sharp-keys.svelte-1jw38hz h5.svelte-1jw38hz,.flat-keys.svelte-1jw38hz h5.svelte-1jw38hz{margin:0 0 10px;color:#000}@media (max-width: 768px){.lexicon-modal.svelte-1jw38hz.svelte-1jw38hz{width:95%;margin:10px}.lexicon-content.svelte-1jw38hz.svelte-1jw38hz{padding:20px}.styles-grid.svelte-1jw38hz.svelte-1jw38hz,.techniques-grid.svelte-1jw38hz.svelte-1jw38hz,.theory-grid.svelte-1jw38hz.svelte-1jw38hz,.pattern-variants.svelte-1jw38hz.svelte-1jw38hz,.key-signatures.svelte-1jw38hz.svelte-1jw38hz{grid-template-columns:1fr}}.menu-container.svelte-sco3g.svelte-sco3g{position:relative;display:inline-block}.burger-button.svelte-sco3g.svelte-sco3g{background:transparent;border:none;font-size:1.6rem;cursor:pointer;color:var(--text);padding:8px;min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center;-webkit-tap-highlight-color:transparent}.dropdown.svelte-sco3g.svelte-sco3g{position:absolute;top:2.2rem;right:0;left:auto;background:var(--panel);border:1px solid var(--border);border-radius:6px;padding:.4rem 0;min-width:180px;z-index:1000;box-shadow:0 4px 12px #00000040}.dropdown.svelte-sco3g button.svelte-sco3g{display:block;width:100%;padding:.6rem 1rem;background:transparent;border:none;color:var(--text);text-decoration:none;font-size:.9rem;cursor:pointer;transition:background-color .2s ease;text-align:left;min-height:44px}.dropdown.svelte-sco3g button.svelte-sco3g:hover{background:var(--accent);color:#fff}.dropdown.svelte-sco3g button.svelte-sco3g:active{opacity:.8}.dropdown.svelte-sco3g .divider.svelte-sco3g{height:1px;background:var(--border);margin:.4rem 0}.dropdown.svelte-sco3g button.home-btn.svelte-sco3g{display:flex;align-items:center;gap:.5rem;font-weight:600;color:var(--accent)}.dropdown.svelte-sco3g button.home-btn.svelte-sco3g:hover{background:var(--accent);color:#fff}@media (max-width: 767px){.dropdown.svelte-sco3g.svelte-sco3g{min-width:200px;max-width:calc(100vw - 32px)}.dropdown.svelte-sco3g button.svelte-sco3g{padding:12px 16px;font-size:1rem}}.project-controls.svelte-gndyhw{display:flex;align-items:center;gap:8px;position:relative}.ctrl-btn.svelte-gndyhw{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:8px 14px;border-radius:6px;cursor:pointer;font-size:.9em;font-weight:500;height:38px;white-space:nowrap;transition:all .2s ease}.ctrl-btn.svelte-gndyhw:hover{background:#1d212a;border-color:#343a46}.ctrl-btn.svelte-gndyhw:disabled{opacity:.6;cursor:not-allowed}.ctrl-btn.active.svelte-gndyhw{background:#1d212a;border-color:var(--accent)}.login-btn.svelte-gndyhw{background:#4a90e2;color:#fff;border:none}.login-btn.svelte-gndyhw:hover{background:#3a7bc8}.connect-btn.svelte-gndyhw{background:var(--surface);min-width:80px}.project-name-btn.svelte-gndyhw{background:#22c55e;color:#fff;border:none;min-width:100px;max-width:180px;overflow:hidden;text-overflow:ellipsis}.project-name-btn.svelte-gndyhw:hover{background:#1ea34a}.user-btn.svelte-gndyhw{min-width:38px;padding:8px;font-size:1.1em}.dropdown.svelte-gndyhw{position:absolute;top:100%;right:0;margin-top:8px;background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 8px 24px #0006;z-index:100;min-width:200px}.user-dropdown.svelte-gndyhw{padding:8px;right:0;width:180px}.project-dropdown.svelte-gndyhw{right:80px;width:180px;padding:8px}.connect-dropdown.svelte-gndyhw{right:80px;width:380px;padding:12px}.user-info.svelte-gndyhw{padding:8px 12px;border-bottom:1px solid var(--border);margin-bottom:8px}.username.svelte-gndyhw{font-weight:600;color:var(--text)}.dropdown-item.svelte-gndyhw{display:block;width:100%;padding:10px 12px;background:transparent;border:none;color:var(--text);text-align:left;cursor:pointer;border-radius:4px;font-size:.9em}.dropdown-item.svelte-gndyhw:hover{background:var(--accent);color:#fff}.dropdown-item.disconnect.svelte-gndyhw:hover{background:#ef4444}.connect-row.svelte-gndyhw{display:flex;gap:8px;align-items:center}.connect-input.svelte-gndyhw{flex:1;padding:10px;border:1px solid var(--border);border-radius:6px;background:var(--surface);color:var(--text);font-size:.9em;min-width:0}.connect-input.svelte-gndyhw:focus{outline:none;border-color:var(--accent)}.connect-go-btn.svelte-gndyhw{padding:10px 14px;background:#4a90e2;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;white-space:nowrap}.connect-go-btn.svelte-gndyhw:disabled{opacity:.5;cursor:not-allowed}.create-new-btn.svelte-gndyhw{padding:10px 14px;background:#22c55e;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:500;white-space:nowrap;min-width:100px;display:flex;align-items:center;justify-content:center}.create-new-btn.svelte-gndyhw:hover{background:#1ea34a}.create-new-btn.svelte-gndyhw:disabled{opacity:.5;cursor:not-allowed}.recent-projects.svelte-gndyhw{margin-top:12px;max-height:400px;overflow-y:auto}.recent-header.svelte-gndyhw{font-size:.8em;color:var(--secondary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;padding:0 4px}.project-item.svelte-gndyhw{display:flex;justify-content:space-between;align-items:center;width:100%;padding:10px 12px;background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:background .2s}.project-item.svelte-gndyhw:hover:not(:disabled){background:var(--surface)}.project-item.svelte-gndyhw:disabled{opacity:.5;cursor:not-allowed}.project-name.svelte-gndyhw{color:var(--text);font-weight:500;font-size:.9em}.project-date.svelte-gndyhw{color:var(--secondary);font-size:.8em}.loading.svelte-gndyhw,.no-projects.svelte-gndyhw{padding:16px;text-align:center;color:var(--secondary);font-size:.9em}.status-msg.svelte-gndyhw{padding:8px;margin-top:8px;background:#e0f2fe;border:1px solid #7dd3fc;border-radius:4px;color:#0369a1;font-size:.85em;text-align:center}.error-msg.svelte-gndyhw{padding:8px;margin-top:8px;background:#fee;border:1px solid #fcc;border-radius:4px;color:#c00;font-size:.85em}.connection-dot.svelte-gndyhw{width:10px;height:10px;border-radius:50%;display:inline-block;margin-left:4px}.connection-dot.connected.svelte-gndyhw{background:#22c55e;box-shadow:0 0 6px #22c55e88}.connection-dot.connecting.svelte-gndyhw{background:#f59e0b;box-shadow:0 0 6px #f59e0b88;animation:svelte-gndyhw-pulse-orange 1.5s ease-in-out infinite}.connection-dot.disconnected.svelte-gndyhw{background:#ef4444;box-shadow:0 0 6px #ef444488}@keyframes svelte-gndyhw-pulse-orange{0%,to{opacity:1;box-shadow:0 0 6px #f59e0b88}50%{opacity:.6;box-shadow:0 0 12px #f59e0bcc}}.spinner.svelte-gndyhw{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-gndyhw-spin .8s linear infinite}.spinner.small.svelte-gndyhw{width:12px;height:12px;border-width:2px}@keyframes svelte-gndyhw-spin{to{transform:rotate(360deg)}}.success-toast.svelte-gndyhw{position:absolute;top:100%;right:0;margin-top:8px;padding:8px 12px;background:#22c55e;color:#fff;border-radius:6px;font-size:.85em;font-weight:500;animation:svelte-gndyhw-fadeIn .3s ease}@keyframes svelte-gndyhw-fadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 767px){.project-controls.svelte-gndyhw{gap:6px}.ctrl-btn.svelte-gndyhw{padding:6px 10px;font-size:.85em;height:36px;min-height:44px}.connect-btn.svelte-gndyhw{min-width:70px}.project-name-btn.svelte-gndyhw{min-width:80px;max-width:130px;font-size:.8em}.user-btn.svelte-gndyhw{min-width:36px;min-height:44px;padding:6px}.dropdown.svelte-gndyhw{min-width:280px;max-width:calc(100vw - 24px)}.connect-dropdown.svelte-gndyhw{right:0;left:auto;width:calc(100vw - 24px);max-width:360px}.connect-row.svelte-gndyhw{flex-wrap:wrap;gap:6px}.connect-input.svelte-gndyhw{flex:1 1 100%;min-width:0}.connect-go-btn.svelte-gndyhw,.create-new-btn.svelte-gndyhw{flex:1;min-width:80px;padding:10px 12px}.project-item.svelte-gndyhw{padding:12px;min-height:44px}.recent-projects.svelte-gndyhw{max-height:250px}.user-dropdown.svelte-gndyhw{right:0;width:160px}.project-dropdown.svelte-gndyhw{right:40px;width:160px}.dropdown-item.svelte-gndyhw{padding:12px;min-height:44px}.connection-dot.svelte-gndyhw{width:8px;height:8px}}@media (max-width: 480px){.project-name-btn.svelte-gndyhw{max-width:100px;font-size:.75em}.connect-btn.svelte-gndyhw{min-width:60px;font-size:.8em}}.header-controls-row.svelte-xx6vtp.svelte-xx6vtp{flex-wrap:wrap;gap:12px}.header-controls-left.svelte-xx6vtp.svelte-xx6vtp{flex:1;min-width:0}.header-controls-right.svelte-xx6vtp.svelte-xx6vtp{flex-shrink:0}.key-button.svelte-xx6vtp.svelte-xx6vtp{background:#22c55e;color:#fff;border:none;padding:.8em 1.4em;border-radius:8px;cursor:pointer;font-size:1.1em;font-weight:600;transition:all .2s ease;box-shadow:0 2px 6px #22c55e44;min-width:60px;height:48px;flex-shrink:0}.key-button.svelte-xx6vtp.svelte-xx6vtp:hover{background:#1ea34a}.scale-select.svelte-xx6vtp.svelte-xx6vtp,.signature-select.svelte-xx6vtp.svelte-xx6vtp,.style-select.svelte-xx6vtp.svelte-xx6vtp{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:.7em 1em;border-radius:8px;font-size:1.1em;cursor:pointer;height:48px;flex-shrink:0}.scale-select.svelte-xx6vtp.svelte-xx6vtp{min-width:140px}.signature-select.svelte-xx6vtp.svelte-xx6vtp{min-width:100px}.style-select.svelte-xx6vtp.svelte-xx6vtp{min-width:120px}.scale-compact-container.svelte-xx6vtp.svelte-xx6vtp{display:none;position:relative;background:var(--surface);border:1px solid var(--border);border-radius:8px;height:48px;min-width:48px;flex-shrink:0;cursor:pointer;transition:all .2s ease}.scale-compact-container.svelte-xx6vtp.svelte-xx6vtp:hover{border-color:var(--primary);background:#22c55e1a}.scale-compact-label.svelte-xx6vtp.svelte-xx6vtp{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:1.1em;font-weight:600;color:var(--text);pointer-events:none}.scale-select-compact-hidden.svelte-xx6vtp.svelte-xx6vtp{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font-size:16px}@media (max-width: 650px){.signature-select.svelte-xx6vtp.svelte-xx6vtp{display:none!important}}@media (max-width: 550px){.scale-select.scale-full.svelte-xx6vtp.svelte-xx6vtp{display:none!important}.scale-compact-container.svelte-xx6vtp.svelte-xx6vtp{display:block!important;height:40px!important;min-width:50px!important}.scale-compact-label.svelte-xx6vtp.svelte-xx6vtp{font-size:.95em!important}}@media (max-width: 480px){.bpm-container.svelte-xx6vtp.svelte-xx6vtp{display:none!important}}@media (max-width: 767px){.header-controls-row.svelte-xx6vtp.svelte-xx6vtp{padding-left:8px!important;padding-right:8px!important;margin-bottom:8px!important;gap:6px!important}.header-controls-left.svelte-xx6vtp.svelte-xx6vtp{display:flex!important;flex-wrap:nowrap!important;gap:6px!important;padding-bottom:0!important;overflow:visible!important}.header-controls-left.svelte-xx6vtp select.svelte-xx6vtp{flex-shrink:0!important;height:40px!important;padding:.5em .6em!important;font-size:.9em!important}.key-button.svelte-xx6vtp.svelte-xx6vtp{min-width:44px!important;height:40px!important;padding:.5em .7em!important;font-size:1em!important}.bpm-select.svelte-xx6vtp.svelte-xx6vtp{min-width:60px!important;height:40px!important}.signature-select.svelte-xx6vtp.svelte-xx6vtp{min-width:70px!important}.scale-select.scale-full.svelte-xx6vtp.svelte-xx6vtp{min-width:100px!important}.style-select.svelte-xx6vtp.svelte-xx6vtp{min-width:90px!important;font-size:.85em!important}.header-controls-right.svelte-xx6vtp.svelte-xx6vtp{gap:6px!important}}.style-select.svelte-xx6vtp.svelte-xx6vtp{flex-shrink:0!important}.bpm-container.svelte-xx6vtp.svelte-xx6vtp{position:relative;display:inline-block}.bpm-select.svelte-xx6vtp.svelte-xx6vtp{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:.7em 1em;border-radius:8px;font-size:1.1em;cursor:pointer;min-width:80px;height:48px;max-height:48px}.bpm-select.svelte-xx6vtp.svelte-xx6vtp:hover{border-color:var(--primary)}.bpm-input.svelte-xx6vtp.svelte-xx6vtp{background:var(--surface);color:var(--text);border:2px solid var(--primary);padding:.7em .8em;border-radius:8px;font-size:1.1em;width:80px;height:48px;text-align:center;outline:none}.bpm-input.svelte-xx6vtp.svelte-xx6vtp::-webkit-outer-spin-button,.bpm-input.svelte-xx6vtp.svelte-xx6vtp::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.bpm-input[type=number].svelte-xx6vtp.svelte-xx6vtp{-moz-appearance:textfield}.keyboard-container.svelte-11jv7cu.svelte-11jv7cu{position:relative;width:100%;height:90px;background:#1a1a1a;border:2px solid #333;border-radius:6px;overflow:hidden;margin:0;user-select:none;box-shadow:0 4px 12px #0000004d}.white-keys.svelte-11jv7cu.svelte-11jv7cu{display:flex;height:100%;gap:0}.white-key.svelte-11jv7cu.svelte-11jv7cu{flex:1;background:linear-gradient(to bottom,#fff,#f8f8f8);border-right:1px solid #ddd;border-radius:0 0 3px 3px;position:relative;display:flex;align-items:flex-end;justify-content:center;padding-bottom:6px;transition:all .15s ease;cursor:pointer;user-select:none;box-shadow:inset 0 -2px 4px #0000001a}.white-key.svelte-11jv7cu.svelte-11jv7cu:last-child{border-right:none}.white-key.svelte-11jv7cu.svelte-11jv7cu:hover{background:linear-gradient(to bottom,#f5f5f5,#eee);transform:translateY(1px)}.white-key.active.svelte-11jv7cu.svelte-11jv7cu{background:var(--multi-bg, linear-gradient(to bottom, var(--instrument-color) 0%, color-mix(in srgb, var(--instrument-color) 80%, black 20%) 100%));border-color:var(--multi-border, color-mix(in srgb, var(--instrument-color) 70%, black 30%));color:#fff;box-shadow:inset 0 2px 6px #0006;transform:translateY(2px)}.white-key.svelte-11jv7cu .key-label.svelte-11jv7cu{font-size:12px;font-weight:600;color:#555;pointer-events:none;text-shadow:0 1px 1px rgba(255,255,255,.8)}.white-key.active.svelte-11jv7cu .key-label.svelte-11jv7cu{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.white-key.inactive-colored.svelte-11jv7cu.svelte-11jv7cu{background:linear-gradient(to bottom,color-mix(in srgb,var(--instrument-color) 30%,white 70%),color-mix(in srgb,var(--instrument-color) 20%,white 80%));border-color:color-mix(in srgb,var(--instrument-color) 40%,#ccc 60%);color:#666}.white-key.inactive-colored.svelte-11jv7cu .key-label.svelte-11jv7cu{color:#666;text-shadow:0 1px 1px rgba(255,255,255,.8)}.black-keys.svelte-11jv7cu.svelte-11jv7cu{position:absolute;top:0;left:0;right:0;height:65%;pointer-events:none}.black-key.svelte-11jv7cu.svelte-11jv7cu{position:absolute;width:calc(100% / var(--white) * .6);height:100%;background:linear-gradient(to bottom,#444,#222);border:1px solid #000;border-radius:0 0 3px 3px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:4px;transition:all .15s ease;cursor:pointer;pointer-events:auto;transform:translate(-50%);box-shadow:0 2px 4px #00000080,inset 0 -1px 2px #ffffff1a}.black-key.svelte-11jv7cu.svelte-11jv7cu:hover{background:linear-gradient(to bottom,#555,#333);transform:translate(-50%) translateY(1px)}.black-key.active.svelte-11jv7cu.svelte-11jv7cu{background:var(--multi-bg, linear-gradient(to bottom, var(--instrument-color) 0%, color-mix(in srgb, var(--instrument-color) 60%, black 40%) 100%));border-color:var(--multi-border, color-mix(in srgb, var(--instrument-color) 50%, black 50%));color:#fff;box-shadow:0 1px 3px #000000b3,inset 0 2px 4px #0006;transform:translate(-50%) translateY(2px)}.black-key.svelte-11jv7cu .key-label.svelte-11jv7cu{font-size:10px;font-weight:600;color:#ddd;pointer-events:none;text-shadow:0 1px 1px rgba(0,0,0,.8)}.black-key.active.svelte-11jv7cu .key-label.svelte-11jv7cu{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8)}.black-key.inactive-colored.svelte-11jv7cu.svelte-11jv7cu{background:linear-gradient(to bottom,color-mix(in srgb,var(--instrument-color) 40%,#333 60%),color-mix(in srgb,var(--instrument-color) 30%,#222 70%));border-color:color-mix(in srgb,var(--instrument-color) 50%,#555 50%);color:#ccc}.black-key.inactive-colored.svelte-11jv7cu .key-label.svelte-11jv7cu{color:#ccc;text-shadow:0 1px 1px rgba(0,0,0,.8)}.accompaniment-toggle-container.svelte-195wmry.svelte-195wmry{background:var(--bg-secondary, #1a1a2e);border-radius:8px;padding:12px;margin-bottom:12px}.toggle-row.svelte-195wmry.svelte-195wmry{display:flex;align-items:center;gap:8px}.toggle-button.svelte-195wmry.svelte-195wmry{flex:1;display:flex;align-items:center;gap:10px;padding:10px 14px;border:2px solid var(--border-color, #333);border-radius:8px;background:var(--bg-tertiary, #252540);color:var(--text-primary, #fff);cursor:pointer;transition:all .2s ease;font-size:14px}.toggle-button.svelte-195wmry.svelte-195wmry:hover{border-color:var(--accent-color, #6366f1);background:var(--bg-hover, #2a2a45)}.toggle-button.enabled.svelte-195wmry.svelte-195wmry{border-color:var(--success-color, #22c55e);background:#22c55e26}.toggle-icon.svelte-195wmry.svelte-195wmry{font-size:18px}.toggle-label.svelte-195wmry.svelte-195wmry{flex:1;text-align:left;font-weight:500}.toggle-switch.svelte-195wmry.svelte-195wmry{width:44px;height:24px;background:var(--bg-tertiary, #333);border-radius:12px;position:relative;transition:background .2s ease}.toggle-switch.on.svelte-195wmry.svelte-195wmry{background:var(--success-color, #22c55e)}.toggle-knob.svelte-195wmry.svelte-195wmry{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s ease}.toggle-switch.on.svelte-195wmry .toggle-knob.svelte-195wmry{transform:translate(20px)}.expand-button.svelte-195wmry.svelte-195wmry{padding:10px;border:2px solid var(--border-color, #333);border-radius:8px;background:var(--bg-tertiary, #252540);color:var(--text-secondary, #888);cursor:pointer;transition:all .2s ease}.expand-button.svelte-195wmry.svelte-195wmry:hover{border-color:var(--accent-color, #6366f1);color:var(--text-primary, #fff)}.presets-section.svelte-195wmry.svelte-195wmry{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #333)}.presets-label.svelte-195wmry.svelte-195wmry{font-size:12px;color:var(--text-secondary, #888);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.presets-row.svelte-195wmry.svelte-195wmry{display:flex;flex-wrap:wrap;gap:8px}.preset-button.svelte-195wmry.svelte-195wmry{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color, #333);border-radius:6px;background:var(--bg-tertiary, #252540);color:var(--text-primary, #fff);cursor:pointer;transition:all .15s ease;font-size:13px}.preset-button.svelte-195wmry.svelte-195wmry:hover{border-color:var(--accent-color, #6366f1);background:var(--bg-hover, #2a2a45);transform:translateY(-1px)}.preset-button.active.svelte-195wmry.svelte-195wmry{border-color:var(--success-color, #22c55e);background:#22c55e33}.preset-button.small.svelte-195wmry.svelte-195wmry{padding:6px 10px;font-size:12px}.preset-button.more-button.svelte-195wmry.svelte-195wmry{border-style:dashed;color:var(--text-secondary, #888)}.preset-icon.svelte-195wmry.svelte-195wmry{font-size:14px}.preset-name.svelte-195wmry.svelte-195wmry{white-space:nowrap}.preset-categories.svelte-195wmry.svelte-195wmry{margin-top:16px;display:flex;flex-direction:column;gap:12px}.category-section.svelte-195wmry.svelte-195wmry{padding:10px;background:var(--bg-tertiary, #1f1f35);border-radius:6px}.category-label.svelte-195wmry.svelte-195wmry{font-size:11px;color:var(--text-secondary, #888);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.category-presets.svelte-195wmry.svelte-195wmry{display:flex;flex-wrap:wrap;gap:6px}.style-selector-container.svelte-78u8fh.svelte-78u8fh{background:var(--bg-secondary, #1a1a2e);border-radius:8px;padding:12px;margin-bottom:12px}.selector-row.svelte-78u8fh.svelte-78u8fh{display:flex;align-items:center;gap:12px;margin-bottom:8px}.selector-label.svelte-78u8fh.svelte-78u8fh{font-size:12px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px;min-width:50px}.style-select.svelte-78u8fh.svelte-78u8fh{flex:1;padding:10px 14px;border:1px solid var(--border-color, #333);border-radius:6px;background:var(--bg-tertiary, #252540);color:var(--text-primary, #fff);font-size:14px;cursor:pointer;transition:border-color .2s ease}.style-select.svelte-78u8fh.svelte-78u8fh:hover,.style-select.svelte-78u8fh.svelte-78u8fh:focus{border-color:var(--accent-color, #6366f1);outline:none}.style-description.svelte-78u8fh.svelte-78u8fh{font-size:12px;color:var(--text-secondary, #888);padding:8px 12px;background:var(--bg-tertiary, #1f1f35);border-radius:4px;margin-bottom:12px;font-style:italic}.variant-section.svelte-78u8fh.svelte-78u8fh{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #333)}.variant-header.svelte-78u8fh.svelte-78u8fh{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.variant-label.svelte-78u8fh.svelte-78u8fh{font-size:12px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.freeze-button.svelte-78u8fh.svelte-78u8fh{display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-tertiary, #252540);color:var(--text-secondary, #888);cursor:pointer;transition:all .15s ease;font-size:12px;line-height:1}.freeze-button.svelte-78u8fh .lock-icon.svelte-78u8fh{font-size:14px}.freeze-button.svelte-78u8fh .lock-text.svelte-78u8fh{font-weight:500;text-transform:uppercase;letter-spacing:.5px}.freeze-button.svelte-78u8fh.svelte-78u8fh:hover{border-color:var(--accent-color, #6366f1);background:var(--bg-hover, #2a2a45);color:var(--text-primary, #fff)}.freeze-button.frozen.svelte-78u8fh.svelte-78u8fh{border-color:#f59e0b;background:#f59e0b4d;color:#f59e0b;box-shadow:0 0 8px #f59e0b4d}.freeze-button.frozen.svelte-78u8fh .lock-text.svelte-78u8fh{font-weight:700}.frozen-info.svelte-78u8fh.svelte-78u8fh{margin-top:8px;padding:6px 10px;font-size:11px;color:#f59e0b;background:#f59e0b1a;border-radius:4px;border-left:2px solid #f59e0b}.variant-buttons.svelte-78u8fh.svelte-78u8fh{display:flex;flex-wrap:wrap;gap:6px}.variant-button.svelte-78u8fh.svelte-78u8fh{padding:6px 12px;border:1px solid var(--border-color, #333);border-radius:4px;background:var(--bg-tertiary, #252540);color:var(--text-primary, #fff);font-size:12px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.variant-button.svelte-78u8fh.svelte-78u8fh:hover{border-color:var(--accent-color, #6366f1);background:var(--bg-hover, #2a2a45)}.variant-button.active.svelte-78u8fh.svelte-78u8fh{border-color:var(--accent-color, #6366f1);background:#6366f133;color:var(--accent-color, #6366f1)}.variant-button.disabled.svelte-78u8fh.svelte-78u8fh{opacity:.5;cursor:not-allowed}.variant-button.disabled.svelte-78u8fh.svelte-78u8fh:hover{border-color:var(--border-color, #333);background:var(--bg-tertiary, #252540)}.pattern-info.svelte-78u8fh.svelte-78u8fh{margin-top:12px;padding:10px;background:var(--bg-tertiary, #1f1f35);border-radius:6px;border-left:3px solid var(--accent-color, #6366f1)}.pattern-name.svelte-78u8fh.svelte-78u8fh{font-weight:600;color:var(--text-primary, #fff);margin-bottom:4px}.pattern-description.svelte-78u8fh.svelte-78u8fh{font-size:12px;color:var(--text-secondary, #888);margin-bottom:8px}.pattern-stats.svelte-78u8fh.svelte-78u8fh{display:flex;gap:16px}.stat.svelte-78u8fh.svelte-78u8fh{display:flex;gap:4px;font-size:11px}.stat-label.svelte-78u8fh.svelte-78u8fh{color:var(--text-secondary, #888)}.stat-value.svelte-78u8fh.svelte-78u8fh{color:var(--text-primary, #fff);font-weight:500}.parameters-container.svelte-ioc64n.svelte-ioc64n{background:var(--bg-secondary, #1a1a2e);border-radius:8px;padding:12px;margin-bottom:12px}.parameters-container.compact.svelte-ioc64n.svelte-ioc64n{padding:8px}.parameters-header.svelte-ioc64n.svelte-ioc64n{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #333)}.parameters-title.svelte-ioc64n.svelte-ioc64n{font-size:12px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.reset-button.svelte-ioc64n.svelte-ioc64n{padding:4px 8px;border:1px solid var(--border-color, #333);border-radius:4px;background:transparent;color:var(--text-secondary, #888);font-size:11px;cursor:pointer;transition:all .15s ease}.reset-button.svelte-ioc64n.svelte-ioc64n:hover{border-color:var(--accent-color, #6366f1);color:var(--text-primary, #fff)}.sliders-grid.svelte-ioc64n.svelte-ioc64n{display:flex;flex-direction:column;gap:16px}.compact.svelte-ioc64n .sliders-grid.svelte-ioc64n{gap:10px}.slider-row.svelte-ioc64n.svelte-ioc64n{display:flex;flex-direction:column;gap:4px}.slider-header.svelte-ioc64n.svelte-ioc64n{display:flex;justify-content:space-between;align-items:center}.slider-label.svelte-ioc64n.svelte-ioc64n{font-size:13px;color:var(--text-primary, #fff);font-weight:500}.compact.svelte-ioc64n .slider-label.svelte-ioc64n{font-size:11px}.slider-value.svelte-ioc64n.svelte-ioc64n{font-size:12px;color:var(--accent-color, #6366f1);font-weight:600;min-width:45px;text-align:right}.compact.svelte-ioc64n .slider-value.svelte-ioc64n{font-size:11px;min-width:35px}.slider.svelte-ioc64n.svelte-ioc64n{width:100%;height:6px;border-radius:3px;background:var(--bg-tertiary, #333);outline:none;cursor:pointer;-webkit-appearance:none;appearance:none}.slider.svelte-ioc64n.svelte-ioc64n::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent-color, #6366f1);cursor:pointer;border:2px solid var(--bg-primary, #0f0f1a);transition:transform .1s ease}.slider.svelte-ioc64n.svelte-ioc64n::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider.svelte-ioc64n.svelte-ioc64n::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent-color, #6366f1);cursor:pointer;border:2px solid var(--bg-primary, #0f0f1a)}.slider-description.svelte-ioc64n.svelte-ioc64n{font-size:11px;color:var(--text-secondary, #666);padding-left:2px}.groove-info.svelte-ioc64n.svelte-ioc64n{color:var(--accent-color, #6366f1);margin-left:4px}.slider.svelte-ioc64n.svelte-ioc64n{background:linear-gradient(to right,var(--accent-color, #6366f1) 0%,var(--accent-color, #6366f1) var(--value, 50%),var(--bg-tertiary, #333) var(--value, 50%),var(--bg-tertiary, #333) 100%)}.hand-controls-container.svelte-esfvs2{background:var(--bg-secondary, #1a1a2e);border-radius:8px;padding:12px;margin-bottom:12px}.controls-header.svelte-esfvs2{margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-color, #333)}.controls-title.svelte-esfvs2{font-size:12px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.hands-grid.svelte-esfvs2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hand-panel.svelte-esfvs2{background:var(--bg-tertiary, #1f1f35);border-radius:8px;padding:10px;border:2px solid var(--border-color, #333);transition:all .2s ease}.hand-panel.svelte-esfvs2:not(.disabled){border-color:var(--hand-color)}.hand-panel.disabled.svelte-esfvs2{opacity:.6}.hand-header.svelte-esfvs2{margin-bottom:8px}.hand-toggle.svelte-esfvs2{width:100%;display:flex;align-items:center;gap:8px;padding:8px 10px;border:1px solid var(--border-color, #444);border-radius:6px;color:var(--text-primary, #fff);cursor:pointer;transition:all .15s ease}.hand-toggle.svelte-esfvs2:hover{border-color:var(--hand-color)}.hand-toggle.enabled.svelte-esfvs2{color:#fff}.hand-icon.svelte-esfvs2{font-size:16px}.hand-label.svelte-esfvs2{font-size:12px;font-weight:600}.hand-settings.svelte-esfvs2{display:flex;flex-direction:column;gap:10px;padding-top:8px;border-top:1px solid var(--border-color, #333)}.setting-row.svelte-esfvs2{display:flex;flex-direction:column;gap:4px}.setting-label.svelte-esfvs2{font-size:10px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px}.setting-select.svelte-esfvs2{padding:6px 8px;border:1px solid var(--border-color, #333);border-radius:4px;background:var(--bg-secondary, #252540);color:var(--text-primary, #fff);font-size:12px;cursor:pointer}.setting-select.svelte-esfvs2:hover,.setting-select.svelte-esfvs2:focus{border-color:var(--hand-color);outline:none}.volume-control.svelte-esfvs2{display:flex;align-items:center;gap:8px}.volume-slider.svelte-esfvs2{flex:1;height:4px;border-radius:2px;background:var(--bg-secondary, #333);-webkit-appearance:none;appearance:none;cursor:pointer}.volume-slider.svelte-esfvs2::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--hand-color);cursor:pointer}.volume-value.svelte-esfvs2{font-size:11px;color:var(--text-primary, #fff);min-width:40px;text-align:right}.quick-actions.svelte-esfvs2{display:flex;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #333)}.action-button.svelte-esfvs2{flex:1;padding:6px 10px;border:1px solid var(--border-color, #333);border-radius:4px;background:var(--bg-tertiary, #252540);color:var(--text-secondary, #888);font-size:11px;cursor:pointer;transition:all .15s ease}.action-button.svelte-esfvs2:hover{border-color:var(--accent-color, #6366f1);color:var(--text-primary, #fff)}.keyboard-visualization.svelte-1pouysk.svelte-1pouysk{background:var(--bg-secondary, #1a1a2e);border-radius:8px;padding:12px;margin-bottom:12px}.legend.svelte-1pouysk.svelte-1pouysk{display:flex;gap:16px;margin-bottom:12px;justify-content:center}.legend-item.svelte-1pouysk.svelte-1pouysk{display:flex;align-items:center;gap:6px}.legend-color.svelte-1pouysk.svelte-1pouysk{width:16px;height:16px;border-radius:3px}.legend-label.svelte-1pouysk.svelte-1pouysk{font-size:12px;color:var(--text-secondary, #888)}.keyboard.svelte-1pouysk.svelte-1pouysk{position:relative;height:100px;background:var(--bg-tertiary, #1f1f35);border-radius:6px;padding:8px;overflow:hidden}.white-keys.svelte-1pouysk.svelte-1pouysk{display:flex;height:100%;gap:2px}.black-keys.svelte-1pouysk.svelte-1pouysk{position:absolute;top:8px;left:8px;right:8px;height:55%;display:flex;pointer-events:none}.key.svelte-1pouysk.svelte-1pouysk{transition:all .1s ease}.white-key.svelte-1pouysk.svelte-1pouysk{flex:1;background:linear-gradient(to bottom,#fafafa,#e0e0e0);border-radius:0 0 4px 4px;position:relative;min-width:18px;border:1px solid #999}.white-key.active.svelte-1pouysk.svelte-1pouysk{background:var(--key-color);box-shadow:0 0 10px var(--key-color);opacity:calc(.5 + var(--velocity, .5) * .5)}.black-key.svelte-1pouysk.svelte-1pouysk{width:60%;margin-left:-30%;margin-right:-30%;background:linear-gradient(to bottom,#333,#111);border-radius:0 0 3px 3px;z-index:1;flex-shrink:0}.black-key.active.svelte-1pouysk.svelte-1pouysk{background:var(--key-color);box-shadow:0 0 8px var(--key-color);opacity:calc(.5 + var(--velocity, .5) * .5)}.black-key-spacer.svelte-1pouysk.svelte-1pouysk{width:60%;margin-left:-30%;margin-right:-30%;flex-shrink:0;visibility:hidden}.key-label.svelte-1pouysk.svelte-1pouysk{position:absolute;bottom:4px;left:50%;transform:translate(-50%);font-size:9px;color:#666;white-space:nowrap}.white-key.active.svelte-1pouysk .key-label.svelte-1pouysk{color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.notes-summary.svelte-1pouysk.svelte-1pouysk{display:flex;justify-content:center;gap:24px;margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #333)}.hand-notes.svelte-1pouysk.svelte-1pouysk{display:flex;align-items:center;gap:8px}.hand-label.svelte-1pouysk.svelte-1pouysk{font-size:12px;font-weight:600}.note-list.svelte-1pouysk.svelte-1pouysk{display:flex;gap:4px}.note-name.svelte-1pouysk.svelte-1pouysk{padding:2px 6px;background:var(--bg-tertiary, #252540);border-radius:3px;font-size:11px;color:var(--text-primary, #fff);font-family:monospace}.no-notes.svelte-1pouysk.svelte-1pouysk{color:var(--text-secondary, #666);font-size:11px}.learn-mode-overlay.svelte-lkkeyd{background:var(--bg-secondary, #1a1a2e);border:2px solid var(--accent-color, #6366f1);border-radius:12px;padding:16px;margin-bottom:12px;box-shadow:0 4px 20px #6366f133}.learn-header.svelte-lkkeyd{display:flex;align-items:center;gap:8px;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--border-color, #333)}.learn-icon.svelte-lkkeyd{font-size:20px}.learn-title.svelte-lkkeyd{flex:1;font-size:14px;font-weight:700;color:var(--accent-color, #6366f1);letter-spacing:1px}.close-button.svelte-lkkeyd{width:28px;height:28px;border:1px solid var(--border-color, #333);border-radius:50%;background:var(--bg-tertiary, #252540);color:var(--text-secondary, #888);font-size:18px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.close-button.svelte-lkkeyd:hover{border-color:var(--accent-color, #6366f1);color:var(--text-primary, #fff)}.learn-content.svelte-lkkeyd{display:flex;flex-direction:column;gap:16px}.beat-info.svelte-lkkeyd{text-align:center;padding:12px;background:var(--bg-tertiary, #1f1f35);border-radius:8px}.beat-label.svelte-lkkeyd{font-size:10px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.beat-value.svelte-lkkeyd{font-size:24px;font-weight:700;color:var(--text-primary, #fff);font-family:monospace}.chord-display.svelte-lkkeyd{margin-top:8px;font-size:18px;font-weight:600;color:var(--accent-color, #6366f1)}.notes-section.svelte-lkkeyd{padding:12px;background:var(--bg-tertiary, #1f1f35);border-radius:8px}.notes-section.current.svelte-lkkeyd{border-left:3px solid var(--success-color, #22c55e)}.notes-section.next.svelte-lkkeyd{opacity:.7;border-left:3px solid var(--text-secondary, #666)}.section-label.svelte-lkkeyd{font-size:10px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-weight:600}.hands-display.svelte-lkkeyd{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hand-column.svelte-lkkeyd{display:flex;flex-direction:column;gap:8px}.hand-label.svelte-lkkeyd{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.hand-icon.svelte-lkkeyd{font-size:14px}.notes-list.svelte-lkkeyd{display:flex;flex-wrap:wrap;gap:6px;min-height:32px;align-items:center}.note-badge.svelte-lkkeyd{padding:6px 10px;border-radius:4px;font-size:14px;font-weight:600;font-family:monospace;transition:all .15s ease}.note-badge.left.svelte-lkkeyd{background:#3b82f633;border:1px solid rgba(59,130,246,.5);color:#93c5fd}.note-badge.right.svelte-lkkeyd{background:#22c55e33;border:1px solid rgba(34,197,94,.5);color:#86efac}.note-badge.upcoming.svelte-lkkeyd{opacity:.6;font-size:12px;padding:4px 8px}.rest.svelte-lkkeyd{color:var(--text-secondary, #666);font-size:16px}.learn-tips.svelte-lkkeyd{margin-top:12px;padding-top:12px;border-top:1px solid var(--border-color, #333)}.tip.svelte-lkkeyd{font-size:11px;color:var(--text-secondary, #888);text-align:center}.learn-mode-toggle.svelte-lkkeyd{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px dashed var(--border-color, #333);border-radius:6px;background:transparent;color:var(--text-secondary, #888);cursor:pointer;transition:all .15s ease;font-size:12px;margin-bottom:12px}.learn-mode-toggle.svelte-lkkeyd:hover{border-color:var(--accent-color, #6366f1);color:var(--text-primary, #fff);background:var(--bg-secondary, #1a1a2e)}.toggle-icon.svelte-lkkeyd{font-size:14px}.generator-controls.svelte-sm7dw.svelte-sm7dw{display:flex;gap:.7em;align-items:center;margin-bottom:1em;flex-wrap:wrap}.control-group.svelte-sm7dw.svelte-sm7dw{display:flex;align-items:center;gap:.5em;min-width:140px}.dropdown-select.svelte-sm7dw.svelte-sm7dw{padding:.3em;border-radius:4px;border:.5px solid #666;background:transparent;color:#fff;min-width:120px;height:32px}.variant-button.svelte-sm7dw.svelte-sm7dw{padding:.3em .6em;border-radius:4px;border:.5px solid #666;background:transparent;color:#fff;cursor:pointer;font-size:.9em;height:32px}.note-display-section.svelte-sm7dw.svelte-sm7dw{margin-top:1em;padding:1em;background:transparent;border-radius:8px;max-width:1200px;margin-left:auto;margin-right:auto}.display-header.svelte-sm7dw.svelte-sm7dw{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em}.piano-keyboard-controls-container.svelte-sm7dw.svelte-sm7dw{max-width:1200px;margin:0 auto 1em}.piano-keyboard-container-wrapper-clean.svelte-sm7dw.svelte-sm7dw{width:100%;max-width:1200px;margin:0 auto}.piano-rhythm-section.svelte-sm7dw.svelte-sm7dw{width:100%;margin-top:1em}.off-mode-message.svelte-sm7dw.svelte-sm7dw{display:flex;justify-content:center;align-items:center;padding:2em;background:#9b59b60d;border:1px dashed rgba(155,89,182,.3);border-radius:8px}.off-mode-content.svelte-sm7dw.svelte-sm7dw{text-align:center}.off-mode-content.svelte-sm7dw h3.svelte-sm7dw{color:#9b59b6;margin:0 0 .5em;font-size:1.1em}.off-mode-content.svelte-sm7dw p.svelte-sm7dw{color:#888;margin:0 0 1em;font-size:.9em}.rhythm-on-button.svelte-sm7dw.svelte-sm7dw{padding:.6em 1.2em;background:#9b59b64d;border:1px solid #9b59b6;color:#e8e8e8;border-radius:6px;font-size:.9em;cursor:pointer;transition:all .2s ease}.rhythm-on-button.svelte-sm7dw.svelte-sm7dw:hover{background:#9b59b680;transform:translateY(-1px)}.rhythm-grid-cell.svelte-sm7dw.svelte-sm7dw:hover{background:#9b59b699!important;border-color:#9b59b6!important}.rhythm-grid-cell.active.svelte-sm7dw.svelte-sm7dw:hover,.rhythm-grid-cell.main-hit.svelte-sm7dw.svelte-sm7dw:hover{background:#8e44ad!important}.rhythm-grid-cell.duration-marker.svelte-sm7dw.svelte-sm7dw:hover{background:#7d3c98!important}.piano-timeline.svelte-sm7dw.svelte-sm7dw{margin-top:.3em;padding:1em;background:transparent;border-radius:8px;max-width:1200px;margin-left:auto;margin-right:auto}.timeline-header.svelte-sm7dw.svelte-sm7dw{position:relative;height:18px;width:100%;margin-bottom:4px;background-image:repeating-linear-gradient(to right,transparent 0 calc(100% / var(--beats) - 1px),#666 calc(100% / var(--beats) - 1px) calc(100% / var(--beats)))}.timeline-header.svelte-sm7dw .bar-label.svelte-sm7dw{position:absolute;top:0;font-size:.7em;color:#bbb;transform:translate(-50%)}.bars-container-fluid.svelte-sm7dw.svelte-sm7dw{position:relative;width:100%;height:auto;margin-bottom:2rem}.chord-slot-fluid.svelte-sm7dw.svelte-sm7dw{position:absolute;top:0;height:100%;padding:0 2px}.chord-block.svelte-sm7dw.svelte-sm7dw{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;padding:.6em;border-radius:6px;border:1px solid rgba(255,255,255,.2);min-width:80px;text-align:center;cursor:pointer;transition:all .2s ease}.chord-block.svelte-sm7dw.svelte-sm7dw:hover{background:#ffffff0d;border-color:#fff6}.chord-block.selected.svelte-sm7dw.svelte-sm7dw{background:var(--background, #2a2a2a);border-color:var(--border, #2a2e36)}.chord-block.placeholder.svelte-sm7dw.svelte-sm7dw{background:transparent;border-style:dashed;min-height:36px}.chord-label-inline.svelte-sm7dw.svelte-sm7dw{font-weight:700;color:#4a90e2}.chord-notes-inline.svelte-sm7dw.svelte-sm7dw{display:flex;gap:4px}.note-pill.svelte-sm7dw.svelte-sm7dw{background:#4a90e2;color:#fff;padding:.2em .3em;border-radius:12px;font-size:.9em;font-weight:700;text-align:center;min-width:2.5em}.piano-keyboard-controls-container.svelte-sm7dw .control-group.svelte-sm7dw{display:flex;gap:.25em;align-items:center}.piano-keyboard-controls-container.svelte-sm7dw .octave-group.svelte-sm7dw{gap:.25em;justify-content:flex-end}.reset-confirm-overlay.svelte-sm7dw.svelte-sm7dw{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000}.reset-confirm-dialog.svelte-sm7dw.svelte-sm7dw{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:1.5em;min-width:300px;text-align:center}.reset-confirm-content.svelte-sm7dw h4.svelte-sm7dw{margin:0 0 1em;color:#fff}.reset-confirm-content.svelte-sm7dw p.svelte-sm7dw{margin:0 0 1.5em;color:#ccc}.reset-confirm-buttons.svelte-sm7dw.svelte-sm7dw{display:flex;gap:1em;justify-content:center}.confirm-button.svelte-sm7dw.svelte-sm7dw,.cancel-button.svelte-sm7dw.svelte-sm7dw{padding:.5em 1em;border:none;border-radius:4px;cursor:pointer;font-size:.9em}.confirm-button.svelte-sm7dw.svelte-sm7dw{background:#e74c3c;color:#fff}.cancel-button.svelte-sm7dw.svelte-sm7dw{background:#666;color:#fff}.accompaniment-section.svelte-sm7dw.svelte-sm7dw{margin:0;padding:12px;background:var(--bg-tertiary, #1f1f35);border-radius:0;border:none;border-bottom:1px solid var(--border-color, #333)}.accompaniment-controls.svelte-sm7dw.svelte-sm7dw{margin-top:12px;display:flex;flex-direction:column;gap:12px}.accompaniment-row.svelte-sm7dw.svelte-sm7dw{display:grid;grid-template-columns:1fr 1fr;gap:12px}.accompaniment-col.svelte-sm7dw.svelte-sm7dw{display:flex;flex-direction:column}@media (max-width: 768px){.accompaniment-row.svelte-sm7dw.svelte-sm7dw{grid-template-columns:1fr}}.accompaniment-active.svelte-sm7dw.svelte-sm7dw{padding:0}.quick-presets-section.svelte-sm7dw.svelte-sm7dw{padding:12px 16px;background:#4a90e214;border-bottom:1px solid rgba(74,144,226,.2)}.style-label.svelte-sm7dw.svelte-sm7dw{font-size:11px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.style-badge.svelte-sm7dw.svelte-sm7dw{background:#4a90e24d;color:#4a90e2;padding:2px 8px;border-radius:4px;font-weight:600}.all-presets-grid.svelte-sm7dw.svelte-sm7dw{display:flex;flex-wrap:wrap;gap:8px}.preset-chip.svelte-sm7dw.svelte-sm7dw{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color, #444);border-radius:20px;background:var(--bg-secondary, #252540);color:var(--text-primary, #fff);cursor:pointer;transition:all .15s ease;font-size:12px}.preset-chip.svelte-sm7dw.svelte-sm7dw:hover{border-color:var(--accent-color, #6366f1);background:var(--bg-hover, #2a2a45);transform:translateY(-1px)}.preset-chip.active.svelte-sm7dw.svelte-sm7dw{border-color:var(--success-color, #22c55e);background:#22c55e33;box-shadow:0 0 8px #22c55e4d}.preset-chip.svelte-sm7dw .preset-icon.svelte-sm7dw{font-size:14px}.preset-chip.svelte-sm7dw .preset-name.svelte-sm7dw{white-space:nowrap}.bass-tablature.svelte-1aybd34{width:100%;max-width:400px;background:#0000004d;border-radius:8px;padding:1em;color:#fff;position:relative}.tablature-header.svelte-1aybd34{text-align:center;font-weight:700;margin-bottom:1em;color:#e67e22;font-size:.9em}.tablature-strings.svelte-1aybd34{display:flex;flex-direction:column;gap:12px}.string-line.svelte-1aybd34{display:flex;align-items:center;position:relative}.string-label.svelte-1aybd34{width:20px;font-weight:700;font-size:1.1em;color:#e67e22;text-align:center}.string-frets.svelte-1aybd34{flex:1;position:relative;height:20px;margin-left:10px}.string-wire.svelte-1aybd34{position:absolute;top:50%;left:0;right:0;height:2px;background:#666;transform:translateY(-50%)}.fret-marker.svelte-1aybd34{position:absolute;top:50%;transform:translateY(-50%) translate(-50%);width:20px;height:20px;border-radius:50%;color:#fff;font-weight:700;font-size:.8em;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .2s ease}.fret-marker.interactive.svelte-1aybd34:hover{transform:translateY(-50%) translate(-50%) scale(1.1);box-shadow:0 0 8px #e67e2299}.fret-position.svelte-1aybd34{position:absolute;top:-5px;bottom:-5px;width:1px;background:#444;z-index:1}.fret-number.svelte-1aybd34{position:absolute;bottom:-18px;left:50%;transform:translate(-50%);font-size:.7em;color:#888}.placeholder.svelte-1aybd34{text-align:center;color:#666;font-style:italic;margin-top:2em;font-size:.9em}.randomize-btn.svelte-rnutyg.svelte-rnutyg{display:flex;align-items:center;gap:4px;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:1px solid #a78bfa;border-radius:8px;cursor:pointer;transition:all .2s;color:#fff}.randomize-btn.svelte-rnutyg.svelte-rnutyg:hover:not(.disabled){background:linear-gradient(135deg,#a78bfa,#818cf8);transform:scale(1.05);box-shadow:0 4px 12px #8b5cf666}.randomize-btn.svelte-rnutyg.svelte-rnutyg:active:not(.disabled){transform:scale(.98)}.randomize-btn.disabled.svelte-rnutyg.svelte-rnutyg{opacity:.5;cursor:not-allowed}.randomize-btn.animating.svelte-rnutyg.svelte-rnutyg{animation:svelte-rnutyg-pulse .5s ease}@keyframes svelte-rnutyg-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.size-small.svelte-rnutyg.svelte-rnutyg{padding:4px 8px}.size-small.svelte-rnutyg .monkey.svelte-rnutyg{font-size:.9rem}.size-small.svelte-rnutyg .dice.svelte-rnutyg{font-size:.8rem}.size-medium.svelte-rnutyg.svelte-rnutyg{padding:6px 12px}.size-medium.svelte-rnutyg .monkey.svelte-rnutyg{font-size:1.2rem}.size-medium.svelte-rnutyg .dice.svelte-rnutyg{font-size:1rem}.size-large.svelte-rnutyg.svelte-rnutyg{padding:8px 16px}.size-large.svelte-rnutyg .monkey.svelte-rnutyg{font-size:1.5rem}.size-large.svelte-rnutyg .dice.svelte-rnutyg{font-size:1.2rem}.dice.svelte-rnutyg.svelte-rnutyg{animation:svelte-rnutyg-dice-idle 2s ease-in-out infinite;animation-play-state:paused}.randomize-btn.svelte-rnutyg:hover .dice.svelte-rnutyg{animation-play-state:running}.dice.rolling.svelte-rnutyg.svelte-rnutyg{animation:svelte-rnutyg-dice-roll .5s ease!important;animation-play-state:running!important}@keyframes svelte-rnutyg-dice-idle{0%,to{transform:rotate(0)}25%{transform:rotate(-10deg)}75%{transform:rotate(10deg)}}@keyframes svelte-rnutyg-dice-roll{0%{transform:rotate(0) scale(1)}25%{transform:rotate(90deg) scale(1.2)}50%{transform:rotate(180deg) scale(1)}75%{transform:rotate(270deg) scale(1.2)}to{transform:rotate(360deg) scale(1)}}.preset-selector.svelte-1gdwzaq{position:relative;width:100%}.preset-selector.disabled.svelte-1gdwzaq{opacity:.6;pointer-events:none}.preset-button.svelte-1gdwzaq{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;cursor:pointer;transition:all .2s}.preset-button.svelte-1gdwzaq:hover{background:#ffffff1a;border-color:#ffffff4d}.preset-icon.svelte-1gdwzaq{font-size:1rem}.preset-name.svelte-1gdwzaq{flex:1;text-align:left;font-size:.9rem}.preset-name.placeholder.svelte-1gdwzaq{color:#888}.dropdown-arrow.svelte-1gdwzaq{font-size:.7rem;color:#888}.preset-dropdown.svelte-1gdwzaq{position:absolute;top:100%;left:0;right:0;background:#1e1e2e;border:1px solid rgba(255,255,255,.2);border-radius:8px;margin-top:4px;max-height:300px;overflow-y:auto;z-index:1000;box-shadow:0 4px 20px #0006}.preset-category.svelte-1gdwzaq{border-bottom:1px solid rgba(255,255,255,.1)}.preset-category.svelte-1gdwzaq:last-child{border-bottom:none}.category-header.svelte-1gdwzaq{width:100%;display:flex;align-items:center;gap:8px;padding:10px 12px;background:none;border:none;color:#fff;cursor:pointer;transition:background .2s}.category-header.svelte-1gdwzaq:hover{background:#ffffff1a}.cat-icon.svelte-1gdwzaq{font-size:1rem}.cat-name.svelte-1gdwzaq{flex:1;text-align:left;font-weight:500}.expand-icon.svelte-1gdwzaq{color:#888;font-size:.9rem}.category-presets.svelte-1gdwzaq{padding:4px 0;background:#0003}.preset-item.svelte-1gdwzaq{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px 8px 28px;background:none;border:none;color:#ccc;cursor:pointer;transition:all .2s}.preset-item.svelte-1gdwzaq:hover{background:#ffffff1a;color:#fff}.preset-item.selected.svelte-1gdwzaq{background:rgba(var(--accent-color),.3);color:#fff;border-left:3px solid var(--accent-color)}.item-icon.svelte-1gdwzaq,.item-name.svelte-1gdwzaq{font-size:.85rem}.preset-dropdown.svelte-1gdwzaq::-webkit-scrollbar{width:6px}.preset-dropdown.svelte-1gdwzaq::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.preset-dropdown.svelte-1gdwzaq::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.preset-dropdown.svelte-1gdwzaq::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.variants-container.svelte-opamq7.svelte-opamq7{background:#00000026;border-radius:8px;padding:10px}.variants-container.disabled.svelte-opamq7.svelte-opamq7{opacity:.6}.section-label.svelte-opamq7.svelte-opamq7{font-size:.75rem;text-transform:uppercase;color:#888;letter-spacing:.5px;margin-bottom:8px}.variants-list.svelte-opamq7.svelte-opamq7{display:flex;flex-direction:column;gap:4px}.variant-item.svelte-opamq7.svelte-opamq7{display:flex;align-items:center;gap:10px;padding:8px 12px;background:#ffffff0d;border:1px solid transparent;border-radius:6px;color:#ccc;cursor:pointer;transition:all .2s;text-align:left}.variant-item.svelte-opamq7.svelte-opamq7:hover:not(:disabled){background:#ffffff1a;border-color:#fff3;color:#fff}.variant-item.disabled.svelte-opamq7.svelte-opamq7{cursor:not-allowed}.variant-item.selected.svelte-opamq7.svelte-opamq7{background:linear-gradient(135deg,#6366f133,#8b5cf633);border-color:var(--accent-color);color:#fff}.variant-number.svelte-opamq7.svelte-opamq7{width:22px;height:22px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border-radius:50%;font-size:.75rem;font-weight:600;flex-shrink:0}.variant-item.selected.svelte-opamq7 .variant-number.svelte-opamq7{background:var(--accent-color)}.variant-name.svelte-opamq7.svelte-opamq7{flex:1;font-size:.85rem}.check.svelte-opamq7.svelte-opamq7{color:var(--accent-color);font-size:.85rem}.no-variants.svelte-opamq7.svelte-opamq7{text-align:center;color:#666;font-style:italic;font-size:.85rem;padding:12px}.params-container.svelte-9yxpyz.svelte-9yxpyz{background:#0003;border-radius:8px;padding:12px}.params-container.disabled.svelte-9yxpyz.svelte-9yxpyz{opacity:.6}.params-container.disabled.svelte-9yxpyz .param-slider.svelte-9yxpyz{cursor:not-allowed}.params-header.svelte-9yxpyz.svelte-9yxpyz{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-label.svelte-9yxpyz.svelte-9yxpyz{font-size:.8rem;text-transform:uppercase;color:#888;letter-spacing:.5px}.reset-btn.svelte-9yxpyz.svelte-9yxpyz{background:#ffffff1a;border:none;color:#888;font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.reset-btn.svelte-9yxpyz.svelte-9yxpyz:hover{background:#fff3;color:#fff}.params-grid.svelte-9yxpyz.svelte-9yxpyz{display:flex;flex-direction:column;gap:8px}.param-row.svelte-9yxpyz.svelte-9yxpyz{display:flex;flex-direction:column;gap:2px}.param-header.svelte-9yxpyz.svelte-9yxpyz{display:flex;justify-content:space-between;align-items:center}.param-label.svelte-9yxpyz.svelte-9yxpyz{font-size:.75rem;color:#aaa;cursor:help}.lock-btn.svelte-9yxpyz.svelte-9yxpyz{background:none;border:none;font-size:.65rem;cursor:pointer;padding:2px;opacity:.4;transition:opacity .2s}.lock-btn.svelte-9yxpyz.svelte-9yxpyz:hover,.lock-btn.locked.svelte-9yxpyz.svelte-9yxpyz{opacity:1}.param-control.svelte-9yxpyz.svelte-9yxpyz{display:flex;align-items:center;gap:8px}.param-slider.svelte-9yxpyz.svelte-9yxpyz{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;cursor:pointer}.param-slider.svelte-9yxpyz.svelte-9yxpyz::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#e67e22;border-radius:50%;cursor:pointer;transition:transform .2s}.param-slider.svelte-9yxpyz.svelte-9yxpyz::-webkit-slider-thumb:hover{transform:scale(1.2)}.param-slider.svelte-9yxpyz.svelte-9yxpyz::-moz-range-thumb{width:12px;height:12px;background:#e67e22;border-radius:50%;border:none;cursor:pointer}.param-value.svelte-9yxpyz.svelte-9yxpyz{min-width:32px;text-align:right;font-size:.7rem;color:#fff;font-family:JetBrains Mono,monospace}.bass-accompaniment-panel.svelte-gbzua.svelte-gbzua{background:var(--bg-secondary, #1a1a2e);border-radius:0;overflow:hidden;margin:0}.quick-presets-section.svelte-gbzua.svelte-gbzua{padding:12px 16px;background:#e67e2214;border-bottom:1px solid rgba(230,126,34,.2)}.style-label.svelte-gbzua.svelte-gbzua{font-size:11px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.style-badge.svelte-gbzua.svelte-gbzua{background:#e67e224d;color:#e67e22;padding:2px 8px;border-radius:4px;font-weight:600;font-size:10px}.all-presets-grid.svelte-gbzua.svelte-gbzua{display:flex;flex-wrap:wrap;gap:8px}.preset-chip.svelte-gbzua.svelte-gbzua{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--bg-tertiary, #252540);color:var(--text-primary, #fff);font-size:12px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.preset-chip.svelte-gbzua.svelte-gbzua:hover:not(:disabled){border-color:#e67e22;background:#e67e2226}.preset-chip.active.svelte-gbzua.svelte-gbzua{border-color:#e67e22;background:#e67e2240;box-shadow:0 0 10px #e67e224d}.preset-chip.frozen.svelte-gbzua.svelte-gbzua{opacity:.6;cursor:not-allowed}.preset-chip.svelte-gbzua.svelte-gbzua:disabled{cursor:not-allowed}.preset-icon.svelte-gbzua.svelte-gbzua{font-size:14px}.preset-name.svelte-gbzua.svelte-gbzua{font-weight:500}.panel-content.svelte-gbzua.svelte-gbzua{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:14px 16px}.left-section.svelte-gbzua.svelte-gbzua,.right-section.svelte-gbzua.svelte-gbzua{display:flex;flex-direction:column;gap:12px}.controls-row.svelte-gbzua.svelte-gbzua{display:flex;justify-content:space-between;align-items:center}.freeze-btn.svelte-gbzua.svelte-gbzua{display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-tertiary, #252540);color:var(--text-secondary, #888);cursor:pointer;transition:all .15s ease;font-size:12px;line-height:1}.freeze-btn.svelte-gbzua .lock-icon.svelte-gbzua{font-size:14px}.freeze-btn.svelte-gbzua .lock-text.svelte-gbzua{font-weight:500;text-transform:uppercase;letter-spacing:.5px}.freeze-btn.svelte-gbzua.svelte-gbzua:hover{border-color:#e67e22;background:var(--bg-hover, #2a2a45);color:var(--text-primary, #fff)}.freeze-btn.frozen.svelte-gbzua.svelte-gbzua{border-color:#f59e0b;background:#f59e0b4d;color:#f59e0b;box-shadow:0 0 8px #f59e0b4d}.freeze-btn.frozen.svelte-gbzua .lock-text.svelte-gbzua{font-weight:700}.frozen-info.svelte-gbzua.svelte-gbzua{padding:8px 14px;font-size:11px;color:#f59e0b;background:#f59e0b1a;border-top:1px solid rgba(245,158,11,.3);text-align:center}@media (max-width: 768px){.panel-content.svelte-gbzua.svelte-gbzua{grid-template-columns:1fr}}.dropdown-select.svelte-1y9588.svelte-1y9588{padding:.3em;border-radius:4px;border:.5px solid #666;background:transparent;color:#fff;min-width:120px;height:32px}.variant-button.svelte-1y9588.svelte-1y9588{padding:.3em .6em;border-radius:4px;border:.5px solid #666;background:transparent;color:#fff;cursor:pointer;font-size:.9em;height:32px}.note-display-section.svelte-1y9588.svelte-1y9588{margin-top:1em;padding:1em;background:transparent;border-radius:8px;max-width:1200px;margin-left:auto;margin-right:auto}.display-header.svelte-1y9588.svelte-1y9588{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em}.content-layout.svelte-1y9588.svelte-1y9588{display:flex;gap:2em;margin-top:.5em;align-items:flex-end}.keyboard-container-wrapper.svelte-1y9588.svelte-1y9588{width:28.5em;flex-shrink:0}.bass-rhythm-section.svelte-1y9588.svelte-1y9588{width:100%;margin-top:1em}.off-mode-message.svelte-1y9588.svelte-1y9588{display:flex;justify-content:center;align-items:center;padding:2em;background:#e67e220d;border:1px dashed rgba(230,126,34,.3);border-radius:8px}.off-mode-content.svelte-1y9588.svelte-1y9588{text-align:center}.off-mode-content.svelte-1y9588 h3.svelte-1y9588{color:#e67e22;margin:0 0 .5em;font-size:1.1em}.off-mode-content.svelte-1y9588 p.svelte-1y9588{color:#888;margin:0 0 1em;font-size:.9em}.rhythm-on-button.svelte-1y9588.svelte-1y9588{padding:.6em 1.2em;background:#e67e224d;border:1px solid #e67e22;color:#e8e8e8;border-radius:6px;font-size:.9em;cursor:pointer;transition:all .2s ease}.rhythm-on-button.svelte-1y9588.svelte-1y9588:hover{background:#e67e2280;transform:translateY(-1px)}.rhythm-grid-cell.svelte-1y9588.svelte-1y9588:hover{background:#e67e2299!important;border-color:#e67e22!important}.rhythm-grid-cell.active.svelte-1y9588.svelte-1y9588:hover,.rhythm-grid-cell.main-hit.svelte-1y9588.svelte-1y9588:hover{background:#d35400!important}.rhythm-grid-cell.duration-marker.svelte-1y9588.svelte-1y9588:hover{background:#c0392b!important}.bass-timeline.svelte-1y9588.svelte-1y9588{margin-top:.3em;padding:1em;background:transparent;border-radius:8px;max-width:1200px;margin-left:auto;margin-right:auto}.timeline-header.svelte-1y9588.svelte-1y9588{position:relative;height:18px;width:100%;margin-bottom:4px;background-image:repeating-linear-gradient(to right,transparent 0 calc(100% / var(--beats) - 1px),#666 calc(100% / var(--beats) - 1px) calc(100% / var(--beats)))}.timeline-header.svelte-1y9588 .bar-label.svelte-1y9588{position:absolute;top:0;font-size:.7em;color:#bbb;transform:translate(-50%)}.bars-container-fluid.svelte-1y9588.svelte-1y9588{position:relative;width:100%;height:auto;margin-bottom:2rem}.chord-slot-fluid.svelte-1y9588.svelte-1y9588{position:absolute;top:0;height:100%;padding:0 2px}.chord-block.svelte-1y9588.svelte-1y9588{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;padding:.6em;border-radius:6px;border:1px solid rgba(255,255,255,.2);min-width:80px;text-align:center;cursor:pointer;transition:all .2s ease}.chord-block.svelte-1y9588.svelte-1y9588:hover{background:#ffffff0d;border-color:#fff6}.chord-block.selected.svelte-1y9588.svelte-1y9588{background:var(--background, #2a2a2a);border-color:var(--border, #2a2e36)}.chord-block.placeholder.svelte-1y9588.svelte-1y9588{background:transparent;border-style:dashed;min-height:36px}.chord-label-inline.svelte-1y9588.svelte-1y9588{font-weight:700;color:#4a90e2}.chord-notes-inline.svelte-1y9588.svelte-1y9588{display:flex;gap:4px}.note-pill.svelte-1y9588.svelte-1y9588{background:#4a90e2;color:#fff;padding:.2em .3em;border-radius:12px;font-size:.9em;font-weight:700;text-align:center;min-width:2.5em}.reset-confirm-overlay.svelte-1y9588.svelte-1y9588{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000}.reset-confirm-dialog.svelte-1y9588.svelte-1y9588{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:1.5em;min-width:300px;text-align:center}.reset-confirm-content.svelte-1y9588 h4.svelte-1y9588{margin:0 0 1em;color:#fff}.reset-confirm-content.svelte-1y9588 p.svelte-1y9588{margin:0 0 1.5em;color:#ccc}.reset-confirm-buttons.svelte-1y9588.svelte-1y9588{display:flex;gap:1em;justify-content:center}.confirm-button.svelte-1y9588.svelte-1y9588,.cancel-button.svelte-1y9588.svelte-1y9588{padding:.5em 1em;border:none;border-radius:4px;cursor:pointer;font-size:.9em}.confirm-button.svelte-1y9588.svelte-1y9588{background:#e74c3c;color:#fff}.cancel-button.svelte-1y9588.svelte-1y9588{background:#666;color:#fff}.guitar-tablature.svelte-1n2xftm{width:100%;max-width:450px;background:#0000004d;border-radius:8px;padding:1em;color:#fff;position:relative}.tablature-header.svelte-1n2xftm{text-align:center;font-weight:700;margin-bottom:1em;color:#27ae60;font-size:.9em}.tablature-strings.svelte-1n2xftm{display:flex;flex-direction:column;gap:10px}.string-line.svelte-1n2xftm{display:flex;align-items:center;position:relative}.string-label.svelte-1n2xftm{width:20px;font-weight:700;font-size:1em;color:#27ae60;text-align:center}.string-frets.svelte-1n2xftm{flex:1;position:relative;height:18px;margin-left:10px}.string-wire.svelte-1n2xftm{position:absolute;top:50%;left:0;right:0;height:1.5px;background:#666;transform:translateY(-50%)}.fret-marker.svelte-1n2xftm{position:absolute;top:50%;transform:translateY(-50%) translate(-50%);width:18px;height:18px;border-radius:50%;color:#fff;font-weight:700;font-size:.75em;display:flex;align-items:center;justify-content:center;z-index:2;transition:all .2s ease}.fret-marker.interactive.svelte-1n2xftm:hover{transform:translateY(-50%) translate(-50%) scale(1.1);box-shadow:0 0 8px #27ae6099}.fret-position.svelte-1n2xftm{position:absolute;top:-5px;bottom:-5px;width:1px;background:#444;z-index:1}.fret-number.svelte-1n2xftm{position:absolute;bottom:-16px;left:50%;transform:translate(-50%);font-size:.65em;color:#888}.placeholder.svelte-1n2xftm{text-align:center;color:#666;font-style:italic;margin-top:2em;font-size:.9em}.params-container.svelte-188fd1z.svelte-188fd1z{background:#0003;border-radius:8px;padding:12px}.params-container.disabled.svelte-188fd1z.svelte-188fd1z{opacity:.6}.params-container.disabled.svelte-188fd1z .param-slider.svelte-188fd1z{cursor:not-allowed}.params-header.svelte-188fd1z.svelte-188fd1z{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-label.svelte-188fd1z.svelte-188fd1z{font-size:.8rem;text-transform:uppercase;color:#888;letter-spacing:.5px}.reset-btn.svelte-188fd1z.svelte-188fd1z{background:#ffffff1a;border:none;color:#888;font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.reset-btn.svelte-188fd1z.svelte-188fd1z:hover{background:#fff3;color:#fff}.params-grid.svelte-188fd1z.svelte-188fd1z{display:flex;flex-direction:column;gap:8px}.param-row.svelte-188fd1z.svelte-188fd1z{display:flex;flex-direction:column;gap:2px}.param-header.svelte-188fd1z.svelte-188fd1z{display:flex;justify-content:space-between;align-items:center}.param-label.svelte-188fd1z.svelte-188fd1z{font-size:.75rem;color:#aaa;cursor:help}.lock-btn.svelte-188fd1z.svelte-188fd1z{background:none;border:none;font-size:.65rem;cursor:pointer;padding:2px;opacity:.4;transition:opacity .2s}.lock-btn.svelte-188fd1z.svelte-188fd1z:hover,.lock-btn.locked.svelte-188fd1z.svelte-188fd1z{opacity:1}.param-control.svelte-188fd1z.svelte-188fd1z{display:flex;align-items:center;gap:8px}.param-slider.svelte-188fd1z.svelte-188fd1z{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;cursor:pointer}.param-slider.svelte-188fd1z.svelte-188fd1z::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#27ae60;border-radius:50%;cursor:pointer;transition:transform .2s}.param-slider.svelte-188fd1z.svelte-188fd1z::-webkit-slider-thumb:hover{transform:scale(1.2)}.param-slider.svelte-188fd1z.svelte-188fd1z::-moz-range-thumb{width:12px;height:12px;background:#27ae60;border-radius:50%;border:none;cursor:pointer}.param-value.svelte-188fd1z.svelte-188fd1z{min-width:32px;text-align:right;font-size:.7rem;color:#fff;font-family:JetBrains Mono,monospace}.guitar-accompaniment-panel.svelte-1il183h.svelte-1il183h{background:var(--bg-secondary, #1a1a2e);border-radius:0;overflow:hidden;margin:0}.quick-presets-section.svelte-1il183h.svelte-1il183h{padding:12px 16px;background:#27ae6014;border-bottom:1px solid rgba(39,174,96,.2)}.style-label.svelte-1il183h.svelte-1il183h{font-size:11px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.style-badge.svelte-1il183h.svelte-1il183h{background:#27ae604d;color:#27ae60;padding:2px 8px;border-radius:4px;font-weight:600;font-size:10px}.all-presets-grid.svelte-1il183h.svelte-1il183h{display:flex;flex-wrap:wrap;gap:8px}.preset-chip.svelte-1il183h.svelte-1il183h{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--bg-tertiary, #252540);color:var(--text-primary, #fff);font-size:12px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.preset-chip.svelte-1il183h.svelte-1il183h:hover:not(:disabled){border-color:#27ae60;background:#27ae6026}.preset-chip.active.svelte-1il183h.svelte-1il183h{border-color:#27ae60;background:#27ae6040;box-shadow:0 0 10px #27ae604d}.preset-chip.frozen.svelte-1il183h.svelte-1il183h{opacity:.6;cursor:not-allowed}.preset-chip.svelte-1il183h.svelte-1il183h:disabled{cursor:not-allowed}.preset-icon.svelte-1il183h.svelte-1il183h{font-size:14px}.preset-name.svelte-1il183h.svelte-1il183h{font-weight:500}.panel-content.svelte-1il183h.svelte-1il183h{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:14px 16px}.left-section.svelte-1il183h.svelte-1il183h,.right-section.svelte-1il183h.svelte-1il183h{display:flex;flex-direction:column;gap:12px}.controls-row.svelte-1il183h.svelte-1il183h{display:flex;justify-content:space-between;align-items:center}.freeze-btn.svelte-1il183h.svelte-1il183h{display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-tertiary, #252540);color:var(--text-secondary, #888);cursor:pointer;transition:all .15s ease;font-size:12px;line-height:1}.freeze-btn.svelte-1il183h .lock-icon.svelte-1il183h{font-size:14px}.freeze-btn.svelte-1il183h .lock-text.svelte-1il183h{font-weight:500;text-transform:uppercase;letter-spacing:.5px}.freeze-btn.svelte-1il183h.svelte-1il183h:hover{border-color:#27ae60;background:var(--bg-hover, #2a2a45);color:var(--text-primary, #fff)}.freeze-btn.frozen.svelte-1il183h.svelte-1il183h{border-color:#f59e0b;background:#f59e0b4d;color:#f59e0b;box-shadow:0 0 8px #f59e0b4d}.freeze-btn.frozen.svelte-1il183h .lock-text.svelte-1il183h{font-weight:700}.frozen-info.svelte-1il183h.svelte-1il183h{padding:8px 14px;font-size:11px;color:#f59e0b;background:#f59e0b1a;border-top:1px solid rgba(245,158,11,.3);text-align:center}@media (max-width: 768px){.panel-content.svelte-1il183h.svelte-1il183h{grid-template-columns:1fr}}.dropdown-select.svelte-ke5nxe.svelte-ke5nxe{padding:.3em;border-radius:4px;border:.5px solid #666;background:transparent;color:#fff;min-width:120px;height:32px}.variant-button.svelte-ke5nxe.svelte-ke5nxe{padding:.3em .6em;border-radius:4px;border:.5px solid #666;background:transparent;color:#fff;cursor:pointer;font-size:.9em;height:32px}.note-display-section.svelte-ke5nxe.svelte-ke5nxe{margin-top:1em;padding:1em;background:transparent;border-radius:8px;max-width:1200px;margin-left:auto;margin-right:auto}.display-header.svelte-ke5nxe.svelte-ke5nxe{display:flex;justify-content:space-between;align-items:center;margin-bottom:1em}.content-layout.svelte-ke5nxe.svelte-ke5nxe{display:flex;gap:2em;margin-top:.5em;align-items:flex-end}.keyboard-container-wrapper.svelte-ke5nxe.svelte-ke5nxe{width:28.5em;flex-shrink:0}.guitar-rhythm-section.svelte-ke5nxe.svelte-ke5nxe{width:100%;margin-top:1em}.off-mode-message.svelte-ke5nxe.svelte-ke5nxe{display:flex;justify-content:center;align-items:center;padding:2em;background:#27ae600d;border:1px dashed rgba(39,174,96,.3);border-radius:8px}.off-mode-content.svelte-ke5nxe.svelte-ke5nxe{text-align:center}.off-mode-content.svelte-ke5nxe h3.svelte-ke5nxe{color:#27ae60;margin:0 0 .5em;font-size:1.1em}.off-mode-content.svelte-ke5nxe p.svelte-ke5nxe{color:#888;margin:0 0 1em;font-size:.9em}.rhythm-on-button.svelte-ke5nxe.svelte-ke5nxe{padding:.6em 1.2em;background:#27ae604d;border:1px solid #27ae60;color:#e8e8e8;border-radius:6px;font-size:.9em;cursor:pointer;transition:all .2s ease}.rhythm-on-button.svelte-ke5nxe.svelte-ke5nxe:hover{background:#27ae6080;transform:translateY(-1px)}.rhythm-grid-cell.svelte-ke5nxe.svelte-ke5nxe:hover{background:#27ae6099!important;border-color:#27ae60!important}.rhythm-grid-cell.active.svelte-ke5nxe.svelte-ke5nxe:hover,.rhythm-grid-cell.main-hit.svelte-ke5nxe.svelte-ke5nxe:hover{background:#229954!important}.rhythm-grid-cell.duration-marker.svelte-ke5nxe.svelte-ke5nxe:hover{background:#1e8449!important}.guitar-timeline.svelte-ke5nxe.svelte-ke5nxe{margin-top:.3em;padding:1em;background:transparent;border-radius:8px;max-width:1200px;margin-left:auto;margin-right:auto}.timeline-header.svelte-ke5nxe.svelte-ke5nxe{position:relative;height:18px;width:100%;margin-bottom:4px;background-image:repeating-linear-gradient(to right,transparent 0 calc(100% / var(--beats) - 1px),#666 calc(100% / var(--beats) - 1px) calc(100% / var(--beats)))}.timeline-header.svelte-ke5nxe .bar-label.svelte-ke5nxe{position:absolute;top:0;font-size:.7em;color:#bbb;transform:translate(-50%)}.bars-container-fluid.svelte-ke5nxe.svelte-ke5nxe{position:relative;width:100%;height:auto;margin-bottom:2rem}.chord-slot-fluid.svelte-ke5nxe.svelte-ke5nxe{position:absolute;top:0;height:100%;padding:0 2px}.chord-block.svelte-ke5nxe.svelte-ke5nxe{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px;background:transparent;padding:.6em;border-radius:6px;border:1px solid rgba(255,255,255,.2);min-width:80px;text-align:center;cursor:pointer;transition:all .2s ease}.chord-block.svelte-ke5nxe.svelte-ke5nxe:hover{background:#ffffff0d;border-color:#fff6}.chord-block.selected.svelte-ke5nxe.svelte-ke5nxe{background:var(--background, #2a2a2a);border-color:var(--border, #2a2e36)}.chord-block.placeholder.svelte-ke5nxe.svelte-ke5nxe{background:transparent;border-style:dashed;min-height:36px}.chord-label-inline.svelte-ke5nxe.svelte-ke5nxe{font-weight:700;color:#4a90e2}.chord-notes-inline.svelte-ke5nxe.svelte-ke5nxe{display:flex;gap:4px}.note-pill.svelte-ke5nxe.svelte-ke5nxe{background:#4a90e2;color:#fff;padding:.2em .3em;border-radius:12px;font-size:.9em;font-weight:700;text-align:center;min-width:2.5em}.reset-confirm-overlay.svelte-ke5nxe.svelte-ke5nxe{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:10000}.reset-confirm-dialog.svelte-ke5nxe.svelte-ke5nxe{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:1.5em;min-width:300px;text-align:center}.reset-confirm-content.svelte-ke5nxe h4.svelte-ke5nxe{margin:0 0 1em;color:#fff}.reset-confirm-content.svelte-ke5nxe p.svelte-ke5nxe{margin:0 0 1.5em;color:#ccc}.reset-confirm-buttons.svelte-ke5nxe.svelte-ke5nxe{display:flex;gap:1em;justify-content:center}.confirm-button.svelte-ke5nxe.svelte-ke5nxe,.cancel-button.svelte-ke5nxe.svelte-ke5nxe{padding:.5em 1em;border:none;border-radius:4px;cursor:pointer;font-size:.9em}.confirm-button.svelte-ke5nxe.svelte-ke5nxe{background:#e74c3c;color:#fff}.cancel-button.svelte-ke5nxe.svelte-ke5nxe{background:#666;color:#fff}.drum-accompaniment-panel.svelte-1jgcgs5.svelte-1jgcgs5{background:var(--bg-secondary, #1a1a2e);border-radius:0;overflow:hidden;margin:0}.quick-presets-section.svelte-1jgcgs5.svelte-1jgcgs5{padding:12px 16px;background:#9b59b614;border-bottom:1px solid rgba(155,89,182,.2)}.style-label.svelte-1jgcgs5.svelte-1jgcgs5{font-size:11px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.style-badge.svelte-1jgcgs5.svelte-1jgcgs5{background:#9b59b64d;color:#9b59b6;padding:2px 8px;border-radius:4px;font-weight:600;font-size:10px}.all-presets-grid.svelte-1jgcgs5.svelte-1jgcgs5{display:flex;flex-wrap:wrap;gap:8px}.preset-chip.svelte-1jgcgs5.svelte-1jgcgs5{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--bg-tertiary, #252540);color:var(--text-primary, #fff);font-size:12px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.preset-chip.svelte-1jgcgs5.svelte-1jgcgs5:hover:not(:disabled){border-color:#9b59b6;background:#9b59b626}.preset-chip.active.svelte-1jgcgs5.svelte-1jgcgs5{border-color:#9b59b6;background:#9b59b640;box-shadow:0 0 10px #9b59b64d}.preset-chip.frozen.svelte-1jgcgs5.svelte-1jgcgs5{opacity:.6;cursor:not-allowed}.preset-chip.svelte-1jgcgs5.svelte-1jgcgs5:disabled{cursor:not-allowed}.preset-icon.svelte-1jgcgs5.svelte-1jgcgs5{font-size:14px}.preset-name.svelte-1jgcgs5.svelte-1jgcgs5{font-weight:500}.panel-content.svelte-1jgcgs5.svelte-1jgcgs5{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:14px 16px}.left-section.svelte-1jgcgs5.svelte-1jgcgs5,.right-section.svelte-1jgcgs5.svelte-1jgcgs5{display:flex;flex-direction:column;gap:12px}.controls-row.svelte-1jgcgs5.svelte-1jgcgs5{display:flex;justify-content:space-between;align-items:center}.freeze-btn.svelte-1jgcgs5.svelte-1jgcgs5{display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-tertiary, #252540);color:var(--text-secondary, #888);cursor:pointer;transition:all .15s ease;font-size:12px;line-height:1}.freeze-btn.svelte-1jgcgs5 .lock-icon.svelte-1jgcgs5{font-size:14px}.freeze-btn.svelte-1jgcgs5 .lock-text.svelte-1jgcgs5{font-weight:500;text-transform:uppercase;letter-spacing:.5px}.freeze-btn.svelte-1jgcgs5.svelte-1jgcgs5:hover{border-color:#9b59b6;background:var(--bg-hover, #2a2a45);color:var(--text-primary, #fff)}.freeze-btn.frozen.svelte-1jgcgs5.svelte-1jgcgs5{border-color:#f59e0b;background:#f59e0b4d;color:#f59e0b;box-shadow:0 0 8px #f59e0b4d}.freeze-btn.frozen.svelte-1jgcgs5 .lock-text.svelte-1jgcgs5{font-weight:700}.frozen-info.svelte-1jgcgs5.svelte-1jgcgs5{padding:8px 14px;font-size:11px;color:#f59e0b;background:#f59e0b1a;border-top:1px solid rgba(245,158,11,.3);text-align:center}@media (max-width: 768px){.panel-content.svelte-1jgcgs5.svelte-1jgcgs5{grid-template-columns:1fr}}.generator-controls.svelte-q6ybrx.svelte-q6ybrx{display:flex;gap:.7em;align-items:center;flex-wrap:wrap}.control-group.svelte-q6ybrx.svelte-q6ybrx{display:flex;align-items:center;gap:.5em;margin-bottom:.5em}.checkbox-label.svelte-q6ybrx.svelte-q6ybrx{display:flex;align-items:center;gap:.5em}.dropdown-label.svelte-q6ybrx.svelte-q6ybrx{font-size:.85em;color:#888}.dropdown-select.svelte-q6ybrx.svelte-q6ybrx{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);color:#fff;padding:.3em .6em;border-radius:4px}.pattern-container.svelte-q6ybrx.svelte-q6ybrx{margin-top:.3em;padding:1em;background:#0000004d;border-radius:8px;border:1px solid rgba(255,255,255,.1);width:100%;box-sizing:border-box}.style-controls.svelte-q6ybrx.svelte-q6ybrx{display:flex;flex-direction:column;gap:.75em;margin-bottom:1em}.style-row.svelte-q6ybrx.svelte-q6ybrx{display:flex;align-items:center;gap:1em;flex-wrap:wrap}.pattern-length-selector.svelte-q6ybrx.svelte-q6ybrx{display:flex;align-items:center;gap:.5em;margin-left:1em;padding-left:1em;border-left:1px solid rgba(255,255,255,.2)}.length-label.svelte-q6ybrx.svelte-q6ybrx,.bar-label.svelte-q6ybrx.svelte-q6ybrx{font-size:.85em;color:#888}.length-buttons.svelte-q6ybrx.svelte-q6ybrx,.bar-selector.svelte-q6ybrx.svelte-q6ybrx{display:flex;gap:.25em;align-items:center}.bar-selector.svelte-q6ybrx.svelte-q6ybrx{margin-left:.75em;padding-left:.75em;border-left:1px solid rgba(255,255,255,.15)}.length-button.svelte-q6ybrx.svelte-q6ybrx,.bar-button.svelte-q6ybrx.svelte-q6ybrx{padding:.3em .6em;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#aaa;border-radius:4px;cursor:pointer;font-size:.8em;transition:all .2s;min-width:28px;text-align:center}.length-button.svelte-q6ybrx.svelte-q6ybrx:hover,.bar-button.svelte-q6ybrx.svelte-q6ybrx:hover{background:#ffffff1a;border-color:#ffffff4d;color:#fff}.length-button.active.svelte-q6ybrx.svelte-q6ybrx{background:#00aaff4d;border-color:#00aaff80;color:#fff}.bar-button.active.svelte-q6ybrx.svelte-q6ybrx{background:#ffa5004d;border-color:#ffa50080;color:#fff}.bar-copy-paste.svelte-q6ybrx.svelte-q6ybrx{display:flex;gap:.2em;margin-left:.5em;padding-left:.5em;border-left:1px solid rgba(255,255,255,.15)}.bar-copy-button.svelte-q6ybrx.svelte-q6ybrx,.bar-paste-button.svelte-q6ybrx.svelte-q6ybrx{padding:.25em .5em;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#aaa;border-radius:4px;cursor:pointer;font-size:.85em;transition:all .2s;min-width:26px;text-align:center}.bar-copy-button.svelte-q6ybrx.svelte-q6ybrx:hover,.bar-paste-button.svelte-q6ybrx.svelte-q6ybrx:hover:not(:disabled){background:#ffffff26;border-color:#ffffff4d}.bar-copy-button.copied.svelte-q6ybrx.svelte-q6ybrx{background:#00c8004d;border-color:#00c80080;color:#0f0}.bar-paste-button.svelte-q6ybrx.svelte-q6ybrx:disabled{opacity:.4;cursor:not-allowed}.mode-controls.svelte-q6ybrx.svelte-q6ybrx{display:flex;gap:.5em;justify-content:center;flex-wrap:wrap}.mode-button.svelte-q6ybrx.svelte-q6ybrx{padding:.5em 1em;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;border-radius:4px;cursor:pointer;transition:all .2s}.mode-button.active.svelte-q6ybrx.svelte-q6ybrx{background:#00aaff4d;border-color:#00aaff80}.mode-button.svelte-q6ybrx.svelte-q6ybrx:hover{background:#ffffff1a;border-color:#ffffff4d}.step-grid.svelte-q6ybrx.svelte-q6ybrx{display:flex;flex-direction:column;gap:.5em;width:100%}.instrument-row.svelte-q6ybrx.svelte-q6ybrx{display:flex;align-items:center;gap:1em;width:100%}.instrument-label.svelte-q6ybrx.svelte-q6ybrx{display:flex;align-items:center;gap:.5em;width:150px;font-size:.9em;color:#ccc;cursor:help;flex-shrink:0}.instrument-icon.svelte-q6ybrx.svelte-q6ybrx{font-size:1.2em}.instrument-name.svelte-q6ybrx.svelte-q6ybrx{font-weight:500}.steps-container.svelte-q6ybrx.svelte-q6ybrx{display:flex;gap:2px;flex:1;min-width:0}.step-button.svelte-q6ybrx.svelte-q6ybrx{flex:1;min-width:28px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;transition:all .1s;display:flex;align-items:center;justify-content:center;font-size:.8em;color:#fff;user-select:none}.step-button.svelte-q6ybrx.svelte-q6ybrx:hover{border-color:#fff6;transform:scale(1.05)}.step-button.active.svelte-q6ybrx.svelte-q6ybrx{box-shadow:0 0 8px #00aaff80}.step-button.mode-velocity.svelte-q6ybrx.svelte-q6ybrx,.step-button.mode-repeat.svelte-q6ybrx.svelte-q6ybrx{cursor:ns-resize}.velocity-display.svelte-q6ybrx.svelte-q6ybrx{font-size:.7em;font-weight:700}.repeat-display.svelte-q6ybrx.svelte-q6ybrx{font-size:.8em;font-weight:700;color:orange}.step-indicator.svelte-q6ybrx.svelte-q6ybrx{font-size:1.2em;line-height:1}.repeat-bars.svelte-q6ybrx.svelte-q6ybrx{display:flex;gap:1px;align-items:center;justify-content:center;width:100%;height:100%;padding:2px}.repeat-bar.svelte-q6ybrx.svelte-q6ybrx{flex:1;height:12px;background:orange;border-radius:1px;min-width:2px}.step-subdivisions.svelte-q6ybrx.svelte-q6ybrx{display:flex;gap:1px;align-items:center;justify-content:center;width:100%;height:100%;padding:2px}.subdivision-hit.svelte-q6ybrx.svelte-q6ybrx{flex:1;display:flex;align-items:center;justify-content:center;font-size:.8em;line-height:1;color:#00aaffe6;min-width:4px}.step-button.svelte-q6ybrx.svelte-q6ybrx:nth-child(1),.step-button.svelte-q6ybrx.svelte-q6ybrx:nth-child(5),.step-button.svelte-q6ybrx.svelte-q6ybrx:nth-child(9),.step-button.svelte-q6ybrx.svelte-q6ybrx:nth-child(13){border-left:2px solid rgba(255,255,255,.4)}.step-button.svelte-q6ybrx.svelte-q6ybrx:nth-child(1){border-left-color:#f44}.step-button.svelte-q6ybrx.svelte-q6ybrx:nth-child(5){border-left-color:#4f4}.step-button.svelte-q6ybrx.svelte-q6ybrx:nth-child(9){border-left-color:#44f}.step-button.svelte-q6ybrx.svelte-q6ybrx:nth-child(13){border-left-color:#ff4}.variant-button.svelte-q6ybrx.svelte-q6ybrx{padding:.3em .8em;border-radius:4px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;color:#fff;cursor:pointer;transition:all .15s}.variant-button.svelte-q6ybrx.svelte-q6ybrx:hover{background:#ffffff1a;border-color:#ffffff4d}.variant-button.active.svelte-q6ybrx.svelte-q6ybrx{background:#64ff644d;border-color:#64ff6480;color:#64ff64}.variant-button.modified.svelte-q6ybrx.svelte-q6ybrx{background:#ffc86433;border-color:#ffc86466;position:relative}.variant-button.modified.svelte-q6ybrx.svelte-q6ybrx:after{content:"●";position:absolute;top:-2px;right:-2px;font-size:8px;color:#ffc864}.rhythm-variant-buttons.svelte-q6ybrx.svelte-q6ybrx{display:flex;gap:.3em}.reset-confirm-overlay.svelte-q6ybrx.svelte-q6ybrx{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:1000}.reset-confirm-dialog.svelte-q6ybrx.svelte-q6ybrx{background:#2a2a2a;border:1px solid #444;border-radius:8px;padding:1.5em;min-width:200px;text-align:center}.reset-confirm-dialog.svelte-q6ybrx p.svelte-q6ybrx{margin:0 0 1em;color:#ccc}.reset-confirm-buttons.svelte-q6ybrx.svelte-q6ybrx{display:flex;gap:.5em;justify-content:center}.confirm-button.svelte-q6ybrx.svelte-q6ybrx,.cancel-button.svelte-q6ybrx.svelte-q6ybrx{padding:.5em 1em;border:none;border-radius:4px;cursor:pointer;font-size:.9em}.confirm-button.svelte-q6ybrx.svelte-q6ybrx{background:#f44;color:#fff}.confirm-button.svelte-q6ybrx.svelte-q6ybrx:hover{background:#f66}.cancel-button.svelte-q6ybrx.svelte-q6ybrx{background:#666;color:#fff}.cancel-button.svelte-q6ybrx.svelte-q6ybrx:hover{background:#888}@media (max-width: 767px){.pattern-container.svelte-q6ybrx.svelte-q6ybrx{padding:.5em!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.style-controls.svelte-q6ybrx.svelte-q6ybrx{flex-wrap:wrap!important;gap:.5em!important}.step-grid.svelte-q6ybrx.svelte-q6ybrx{width:100%!important;min-width:0!important}.instrument-label.svelte-q6ybrx.svelte-q6ybrx{width:24px!important;min-width:24px!important;flex-shrink:0!important;gap:0!important;justify-content:center!important}.instrument-name.svelte-q6ybrx.svelte-q6ybrx{display:none!important}.instrument-icon.svelte-q6ybrx.svelte-q6ybrx{font-size:1.1em!important}.instrument-row.svelte-q6ybrx.svelte-q6ybrx{gap:.2em!important;width:100%!important}.steps-container.svelte-q6ybrx.svelte-q6ybrx{flex:1!important;min-width:0!important;overflow:visible!important;gap:1px!important}.step-button.svelte-q6ybrx.svelte-q6ybrx{min-width:0!important;height:24px!important;flex:1!important;border-radius:2px!important;padding:0!important}.mode-controls.svelte-q6ybrx.svelte-q6ybrx{flex-wrap:wrap!important}.mode-button.svelte-q6ybrx.svelte-q6ybrx{padding:.3em .6em!important;font-size:.8em!important}.variant-button.svelte-q6ybrx.svelte-q6ybrx{padding:.3em .5em!important;font-size:.8em!important}.dropdown-select.svelte-q6ybrx.svelte-q6ybrx{min-width:90px!important;max-width:120px!important}.velocity-display.svelte-q6ybrx.svelte-q6ybrx,.repeat-display.svelte-q6ybrx.svelte-q6ybrx{font-size:.55em!important}.bar-copy-paste.svelte-q6ybrx.svelte-q6ybrx{margin-left:.3em!important;padding-left:.3em!important;gap:.15em!important}.bar-copy-button.svelte-q6ybrx.svelte-q6ybrx,.bar-paste-button.svelte-q6ybrx.svelte-q6ybrx{padding:.2em .35em!important;font-size:.75em!important;min-width:22px!important}.pattern-length-selector.svelte-q6ybrx.svelte-q6ybrx{margin-left:.5em!important;padding-left:.5em!important;gap:.3em!important}.length-label.svelte-q6ybrx.svelte-q6ybrx,.bar-label.svelte-q6ybrx.svelte-q6ybrx{font-size:.75em!important}.length-button.svelte-q6ybrx.svelte-q6ybrx,.bar-button.svelte-q6ybrx.svelte-q6ybrx{padding:.2em .4em!important;font-size:.7em!important;min-width:22px!important}.bar-selector.svelte-q6ybrx.svelte-q6ybrx{margin-left:.4em!important;padding-left:.4em!important}}@media (max-width: 420px){.pattern-container.svelte-q6ybrx.svelte-q6ybrx{padding:4px!important;margin-top:.5em!important;width:100%!important;box-sizing:border-box!important;overflow-x:hidden!important}.style-controls.svelte-q6ybrx.svelte-q6ybrx{flex-direction:column!important;align-items:stretch!important;gap:.5em!important}.style-row.svelte-q6ybrx.svelte-q6ybrx{flex-wrap:wrap!important;justify-content:flex-start!important;gap:.5em!important}.mode-controls.svelte-q6ybrx.svelte-q6ybrx{justify-content:flex-start!important}.step-grid.svelte-q6ybrx.svelte-q6ybrx{width:100%!important;min-width:0!important;gap:2px!important}.instrument-label.svelte-q6ybrx.svelte-q6ybrx{width:20px!important;min-width:20px!important;flex-direction:column!important;gap:0!important;flex-shrink:0!important;justify-content:center!important}.instrument-name.svelte-q6ybrx.svelte-q6ybrx{display:none!important}.instrument-icon.svelte-q6ybrx.svelte-q6ybrx{font-size:.9em!important}.instrument-row.svelte-q6ybrx.svelte-q6ybrx{gap:.15em!important;width:100%!important}.steps-container.svelte-q6ybrx.svelte-q6ybrx{flex:1!important;min-width:0!important;gap:0px!important;overflow:visible!important}.step-button.svelte-q6ybrx.svelte-q6ybrx{min-width:0!important;height:20px!important;border-radius:1px!important;flex:1!important;padding:0!important;border-width:.5px!important}.mode-controls.svelte-q6ybrx.svelte-q6ybrx{gap:.25em!important;margin-bottom:.5em!important;flex-wrap:wrap!important}.mode-button.svelte-q6ybrx.svelte-q6ybrx{padding:.2em .4em!important;font-size:.65em!important}.velocity-display.svelte-q6ybrx.svelte-q6ybrx,.repeat-display.svelte-q6ybrx.svelte-q6ybrx{font-size:.4em!important}.step-indicator.svelte-q6ybrx.svelte-q6ybrx{font-size:.6em!important}.variant-button.svelte-q6ybrx.svelte-q6ybrx{padding:.2em .35em!important;font-size:.65em!important;min-width:20px!important}.rhythm-variant-buttons.svelte-q6ybrx.svelte-q6ybrx{gap:.2em!important}.dropdown-select.svelte-q6ybrx.svelte-q6ybrx{min-width:70px!important;max-width:100px!important;font-size:.75em!important}.dropdown-label.svelte-q6ybrx.svelte-q6ybrx{font-size:.7em!important}.generator-controls.svelte-q6ybrx.svelte-q6ybrx{gap:.3em!important}.bar-copy-paste.svelte-q6ybrx.svelte-q6ybrx{margin-left:.2em!important;padding-left:.2em!important;gap:.1em!important}.bar-copy-button.svelte-q6ybrx.svelte-q6ybrx,.bar-paste-button.svelte-q6ybrx.svelte-q6ybrx{padding:.15em .25em!important;font-size:.65em!important;min-width:18px!important}.pattern-length-selector.svelte-q6ybrx.svelte-q6ybrx{margin-left:0!important;margin-top:.5em!important;padding-left:0!important;border-left:none!important;width:100%!important;justify-content:flex-start!important}.length-label.svelte-q6ybrx.svelte-q6ybrx,.bar-label.svelte-q6ybrx.svelte-q6ybrx{font-size:.65em!important}.length-button.svelte-q6ybrx.svelte-q6ybrx,.bar-button.svelte-q6ybrx.svelte-q6ybrx{padding:.15em .3em!important;font-size:.6em!important;min-width:18px!important}.bar-selector.svelte-q6ybrx.svelte-q6ybrx{margin-left:.3em!important;padding-left:.3em!important}}.keyboard-section.svelte-zqm6t5{margin-top:1.5rem;border:1px solid var(--border, #d1d5db);border-radius:8px;background:var(--surface, white);overflow:hidden}.keyboard-header.svelte-zqm6t5{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:var(--surface-secondary, #f8fafc);border-bottom:1px solid var(--border, #d1d5db)}.chord-info.svelte-zqm6t5{flex:1}.chord-display.svelte-zqm6t5{margin:0;font-size:1.2rem;font-weight:600;color:var(--text, #374151)}.original-chord.svelte-zqm6t5{color:var(--text-secondary, #64748b)}.arrow.svelte-zqm6t5{margin:0 .5rem;color:var(--text-tertiary, #9ca3af)}.modified-chord.svelte-zqm6t5{color:var(--primary, #3b82f6);font-weight:700}.chord-analysis.svelte-zqm6t5{margin-top:.3rem;font-size:.9rem}.analysis-label.svelte-zqm6t5{color:var(--text-secondary, #64748b)}.analysis-value.svelte-zqm6t5{color:var(--text, #374151);font-weight:500;margin-left:.5rem}.keyboard-controls.svelte-zqm6t5{display:flex;align-items:center;gap:.5rem}.apply-multiple-button.svelte-zqm6t5{padding:.5rem 1rem;background:var(--success, #22c55e);color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.apply-multiple-button.svelte-zqm6t5:hover{background:var(--success-hover, #16a34a)}.clear-selection-button.svelte-zqm6t5{padding:.5rem 1rem;background:var(--warning, #f59e0b);color:#fff;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s ease}.clear-selection-button.svelte-zqm6t5:hover{background:var(--warning-hover, #d97706)}.close-keyboard-button.svelte-zqm6t5{padding:.5rem;background:var(--danger, #ef4444);color:#fff;border:none;border-radius:6px;font-size:1rem;cursor:pointer;transition:all .2s ease;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center}.close-keyboard-button.svelte-zqm6t5:hover{background:var(--danger-hover, #dc2626)}.keyboard-container.svelte-zqm6t5{padding:1rem}.params-container.svelte-rydkwr.svelte-rydkwr{background:#0003;border-radius:8px;padding:12px}.params-container.disabled.svelte-rydkwr.svelte-rydkwr{opacity:.6}.params-container.disabled.svelte-rydkwr .param-slider.svelte-rydkwr{cursor:not-allowed}.params-header.svelte-rydkwr.svelte-rydkwr{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.section-label.svelte-rydkwr.svelte-rydkwr{font-size:.8rem;text-transform:uppercase;color:#888;letter-spacing:.5px}.reset-btn.svelte-rydkwr.svelte-rydkwr{background:#ffffff1a;border:none;color:#888;font-size:1rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:all .2s}.reset-btn.svelte-rydkwr.svelte-rydkwr:hover{background:#fff3;color:#fff}.params-grid.svelte-rydkwr.svelte-rydkwr{display:flex;flex-direction:column;gap:8px}.param-row.svelte-rydkwr.svelte-rydkwr{display:flex;flex-direction:column;gap:2px}.param-header.svelte-rydkwr.svelte-rydkwr{display:flex;justify-content:space-between;align-items:center}.param-label.svelte-rydkwr.svelte-rydkwr{font-size:.75rem;color:#aaa;cursor:help}.lock-btn.svelte-rydkwr.svelte-rydkwr{background:none;border:none;font-size:.65rem;cursor:pointer;padding:2px;opacity:.4;transition:opacity .2s}.lock-btn.svelte-rydkwr.svelte-rydkwr:hover,.lock-btn.locked.svelte-rydkwr.svelte-rydkwr{opacity:1}.param-control.svelte-rydkwr.svelte-rydkwr{display:flex;align-items:center;gap:8px}.param-slider.svelte-rydkwr.svelte-rydkwr{flex:1;height:4px;-webkit-appearance:none;appearance:none;background:#ffffff26;border-radius:2px;cursor:pointer}.param-slider.svelte-rydkwr.svelte-rydkwr::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:12px;height:12px;background:#9b59b6;border-radius:50%;cursor:pointer;transition:transform .2s}.param-slider.svelte-rydkwr.svelte-rydkwr::-webkit-slider-thumb:hover{transform:scale(1.2)}.param-slider.svelte-rydkwr.svelte-rydkwr::-moz-range-thumb{width:12px;height:12px;background:#9b59b6;border-radius:50%;border:none;cursor:pointer}.param-value.svelte-rydkwr.svelte-rydkwr{min-width:32px;text-align:right;font-size:.7rem;color:#fff;font-family:JetBrains Mono,monospace}.strings-accompaniment-panel.svelte-krcftt.svelte-krcftt{background:var(--bg-secondary, #1a1a2e);border-radius:0;overflow:hidden;margin:0}.quick-presets-section.svelte-krcftt.svelte-krcftt{padding:12px 16px;background:#9b59b614;border-bottom:1px solid rgba(155,89,182,.2)}.style-label.svelte-krcftt.svelte-krcftt{font-size:11px;color:var(--text-secondary, #888);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px;display:flex;align-items:center;gap:8px}.style-badge.svelte-krcftt.svelte-krcftt{background:#9b59b64d;color:#9b59b6;padding:2px 8px;border-radius:4px;font-weight:600;font-size:10px}.all-presets-grid.svelte-krcftt.svelte-krcftt{display:flex;flex-wrap:wrap;gap:8px}.preset-chip.svelte-krcftt.svelte-krcftt{display:flex;align-items:center;gap:6px;padding:8px 12px;border:1px solid var(--border-color, #333);border-radius:8px;background:var(--bg-tertiary, #252540);color:var(--text-primary, #fff);font-size:12px;cursor:pointer;transition:all .15s ease;white-space:nowrap}.preset-chip.svelte-krcftt.svelte-krcftt:hover:not(:disabled){border-color:#9b59b6;background:#9b59b626}.preset-chip.active.svelte-krcftt.svelte-krcftt{border-color:#9b59b6;background:#9b59b640;box-shadow:0 0 10px #9b59b64d}.preset-chip.frozen.svelte-krcftt.svelte-krcftt{opacity:.6;cursor:not-allowed}.preset-chip.svelte-krcftt.svelte-krcftt:disabled{cursor:not-allowed}.preset-icon.svelte-krcftt.svelte-krcftt{font-size:14px}.preset-name.svelte-krcftt.svelte-krcftt{font-weight:500}.panel-content.svelte-krcftt.svelte-krcftt{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:14px 16px}.left-section.svelte-krcftt.svelte-krcftt,.right-section.svelte-krcftt.svelte-krcftt{display:flex;flex-direction:column;gap:12px}.controls-row.svelte-krcftt.svelte-krcftt{display:flex;justify-content:space-between;align-items:center}.freeze-btn.svelte-krcftt.svelte-krcftt{display:flex;align-items:center;gap:4px;padding:5px 10px;border:1px solid var(--border-color, #444);border-radius:4px;background:var(--bg-tertiary, #252540);color:var(--text-secondary, #888);cursor:pointer;transition:all .15s ease;font-size:12px;line-height:1}.freeze-btn.svelte-krcftt .lock-icon.svelte-krcftt{font-size:14px}.freeze-btn.svelte-krcftt .lock-text.svelte-krcftt{font-weight:500;text-transform:uppercase;letter-spacing:.5px}.freeze-btn.svelte-krcftt.svelte-krcftt:hover{border-color:#9b59b6;background:var(--bg-hover, #2a2a45);color:var(--text-primary, #fff)}.freeze-btn.frozen.svelte-krcftt.svelte-krcftt{border-color:#f59e0b;background:#f59e0b4d;color:#f59e0b;box-shadow:0 0 8px #f59e0b4d}.freeze-btn.frozen.svelte-krcftt .lock-text.svelte-krcftt{font-weight:700}.frozen-info.svelte-krcftt.svelte-krcftt{padding:8px 14px;font-size:11px;color:#f59e0b;background:#f59e0b1a;border-top:1px solid rgba(245,158,11,.3);text-align:center}@media (max-width: 768px){.panel-content.svelte-krcftt.svelte-krcftt{grid-template-columns:1fr}}button.chord-btn{padding:.15em .3em!important;border:.5px solid #666!important;background:transparent!important;background-color:transparent!important;color:#fff!important;border-radius:4px!important;font-size:.7em!important;cursor:pointer!important;transition:all .2s ease!important;min-width:24px!important;max-width:none!important;text-align:center!important;height:28px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;line-height:normal!important;margin:0!important;box-sizing:border-box!important;font-family:inherit!important;font-weight:400!important;text-transform:none!important;letter-spacing:normal!important;outline:none!important;-webkit-appearance:none!important;-moz-appearance:none!important;appearance:none!important;white-space:nowrap!important}button.chord-btn:hover{background:#ffffff1a!important;background-color:#ffffff1a!important;border-color:#ffffff4d!important;color:#fff!important}button.chord-btn.active,.chord-btn.active,.type-group button.chord-btn.active,.inversion-group button.chord-btn.active,.options-group button.chord-btn.active,.control-group button.chord-btn.active,.chord-controls button.chord-btn.active,.chord-controls .control-group button.chord-btn.active,.chord-controls .type-group button.chord-btn.active,.chord-controls .inversion-group button.chord-btn.active,.chord-controls .options-group button.chord-btn.active{background:#000!important;background-color:#000!important;border-color:#fff!important;border-width:2px!important;color:#fff!important;font-weight:700!important}button.chord-btn.active:hover,.chord-btn.active:hover,.control-group button.chord-btn.active:hover,.chord-controls button.chord-btn.active:hover{background:#000!important;background-color:#000!important;border-color:#fff!important;color:#fff!important;transform:none!important}.chord-controls .control-label,.chord-controls span.control-label,.control-label,span.control-label,.chord-controls span[class*=control-label],span[class*=control-label]{font-size:.65em!important;color:#fff!important;font-weight:600!important;white-space:nowrap!important;margin-right:.05em!important;display:inline-block!important;width:60px!important;text-align:left!important;max-width:60px!important;min-width:60px!important;box-sizing:border-box!important}.checkbox-label{display:flex!important;align-items:center!important;gap:.5em!important;height:32px!important;padding:.3em!important;border-radius:4px!important;border:.5px solid #666!important;background:transparent!important;color:#fff!important;font-size:.9em!important;white-space:nowrap!important}.checkbox-label input[type=checkbox]{accent-color:#666!important;transform:scale(1.2)!important}.dropdown-select{padding:.3em!important;border-radius:4px!important;border:.5px solid #666!important;background:transparent!important;color:#fff!important;min-width:120px!important;height:32px!important}.chord-controls .control-group,.control-group{display:flex!important;align-items:center!important;gap:.25em!important;min-width:auto!important}.chord-controls{display:flex!important;flex-direction:column!important;gap:.8em!important;padding:1em!important;margin:0 auto 1rem!important;width:100%!important;max-width:1200px!important;background:#ffffff08!important;border-radius:8px!important}.chord-controls .control-row,.control-row{display:flex!important;gap:1.5em!important;align-items:center!important;width:100%!important}.chord-controls .control-row:first-child{justify-content:flex-start!important;padding-left:0!important}.chord-controls .type-group{margin-left:0!important;padding-left:0!important}.chord-controls .type-group,.type-group,.chord-controls .inversion-group,.inversion-group{gap:.25em!important}.chord-controls .octave-group,.octave-group{gap:.25em!important;justify-content:flex-end!important}.chord-controls .options-row,.options-row{gap:0!important}.chord-controls .options-group,.options-group{flex-wrap:wrap!important;gap:.25em!important;row-gap:.5em!important;width:100%!important;justify-content:flex-start!important;padding:0!important}.octave-display{min-width:1.5em!important;text-align:center!important;font-size:.9em!important;color:#fff!important}.borrow-select{background:#2a2a2a!important;border:1px solid #444!important;color:#ccc!important;padding:.3em .5em!important;border-radius:4px!important;font-size:.8em!important;height:auto!important;min-width:10em!important;cursor:pointer!important}.borrow-select:hover{border-color:#555!important}.borrow-select:focus{outline:none!important;border-color:#3498db!important}.chord-rhythm-section.svelte-j6zxuh.svelte-j6zxuh{width:100%;margin-top:1em}.rhythm-grid-cell.svelte-j6zxuh.svelte-j6zxuh:hover{background:#fff3!important;border-color:#666!important}.rhythm-grid-cell.active.svelte-j6zxuh.svelte-j6zxuh:hover,.rhythm-grid-cell.main-hit.svelte-j6zxuh.svelte-j6zxuh:hover{background:#16a34a!important}.rhythm-grid-cell.duration-marker.svelte-j6zxuh.svelte-j6zxuh:hover{background:#0f7c3c!important}.off-mode-message.svelte-j6zxuh.svelte-j6zxuh{display:flex;align-items:center;justify-content:center;padding:3em 2em;min-height:200px}.off-mode-content.svelte-j6zxuh.svelte-j6zxuh{text-align:center;color:#888}.off-mode-content.svelte-j6zxuh h3.svelte-j6zxuh{margin:0 0 1em;font-size:1.5em;color:#aaa}.off-mode-content.svelte-j6zxuh p.svelte-j6zxuh{margin:0 0 1em;font-size:1em;line-height:1.5;max-width:400px}.rhythm-on-button.svelte-j6zxuh.svelte-j6zxuh{padding:.6em 1.2em;background:#4a90e24d;border:1px solid #4a90e2;color:#e8e8e8;border-radius:6px;font-size:.9em;cursor:pointer;transition:all .2s ease}.rhythm-on-button.svelte-j6zxuh.svelte-j6zxuh:hover{background:#4a90e280;transform:translateY(-1px)}.rhythm-variant-buttons.svelte-j6zxuh.svelte-j6zxuh{display:flex;gap:2px}.variant-button.svelte-j6zxuh.svelte-j6zxuh{background:#ffffff1a;border:1px solid #444;color:#ccc;padding:.3em .6em;border-radius:4px;cursor:pointer;font-size:.8em;transition:all .2s;min-width:32px}.variant-button.svelte-j6zxuh.svelte-j6zxuh:hover{background:#fff3;border-color:#666}.variant-button.active.svelte-j6zxuh.svelte-j6zxuh{background:#6496ff4d;border-color:#6496ff;color:#fff}.variant-button.modified.svelte-j6zxuh.svelte-j6zxuh{background:#ff96644d;border-color:#ff9664;color:#fff}.variant-button.active.modified.svelte-j6zxuh.svelte-j6zxuh{background:#ff646466;border-color:#ff6464;color:#fff}.reset-confirm-overlay.svelte-j6zxuh.svelte-j6zxuh{position:fixed;inset:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000}.reset-confirm-dialog.svelte-j6zxuh.svelte-j6zxuh{background:var(--panel);border:2px solid var(--border);border-radius:8px;padding:1.5em;text-align:center;min-width:200px}.reset-confirm-dialog.svelte-j6zxuh p.svelte-j6zxuh{margin:0 0 1em;color:#ccc;font-size:1em}.reset-confirm-buttons.svelte-j6zxuh.svelte-j6zxuh{display:flex;gap:.5em;justify-content:center}.confirm-button.svelte-j6zxuh.svelte-j6zxuh,.cancel-button.svelte-j6zxuh.svelte-j6zxuh{padding:.4em 1em;border:1px solid #444;border-radius:4px;cursor:pointer;font-size:.9em;transition:all .2s}.confirm-button.svelte-j6zxuh.svelte-j6zxuh{background:#ff646433;color:#ff6464;border-color:#ff6464}.confirm-button.svelte-j6zxuh.svelte-j6zxuh:hover{background:#ff646466}.cancel-button.svelte-j6zxuh.svelte-j6zxuh{background:#ffffff1a;color:#ccc;border-color:#666}.cancel-button.svelte-j6zxuh.svelte-j6zxuh:hover{background:#fff3}.dropdown-select.svelte-j6zxuh.svelte-j6zxuh{background:#2a2a2a;border:1px solid #444;color:#ccc;padding:.4em .8em;border-radius:4px;cursor:pointer;font-size:.9em}.dropdown-select.svelte-j6zxuh.svelte-j6zxuh:hover{border-color:#666}.dropdown-select.svelte-j6zxuh.svelte-j6zxuh:focus{outline:none;border-color:#22c55e}.pattern-button.svelte-j6zxuh.svelte-j6zxuh:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 8px #0000004d}.pattern-button.svelte-j6zxuh.svelte-j6zxuh:active:not(:disabled){transform:translateY(0)}.copy-button.svelte-j6zxuh.svelte-j6zxuh:hover:not(:disabled){background:#00b400e6!important}.paste-button.svelte-j6zxuh.svelte-j6zxuh:hover:not(:disabled){background:#0078e6e6!important}.section-tabs-container.svelte-u04o3o.svelte-u04o3o{max-width:100%}@media (max-width: 767px){.section-tabs-container.svelte-u04o3o.svelte-u04o3o{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding-bottom:0!important;gap:6px!important}.section-tabs-container.svelte-u04o3o.svelte-u04o3o::-webkit-scrollbar{display:none!important}.section-tabs-container.svelte-u04o3o .dropdown-container.svelte-u04o3o{flex-shrink:0!important}.section-tabs-container.svelte-u04o3o .input-small.svelte-u04o3o{min-width:60px!important;max-width:90px!important;height:36px!important;font-size:.85em!important;padding:.4em 2em .4em .6em!important}.section-tabs-container.svelte-u04o3o .dropdown-arrow.svelte-u04o3o{height:36px!important;width:30px!important}.section-tabs-container.svelte-u04o3o button.svelte-u04o3o{min-width:36px!important;height:36px!important;flex-shrink:0!important}.section-tabs-container.svelte-u04o3o .library-btn.svelte-u04o3o{font-size:.75em!important;padding:0 .5em!important}.progression-dropdown.svelte-u04o3o.svelte-u04o3o{position:fixed!important;left:8px!important;right:8px!important;width:calc(100vw - 16px)!important;min-width:auto!important;max-height:50vh!important;transform:none!important}}.dropdown-item.svelte-u04o3o.svelte-u04o3o:hover{background:var(--surface)}.dropdown-item.selected.svelte-u04o3o.svelte-u04o3o{background:var(--accent);color:#fff}.progression-dropdown.svelte-u04o3o.svelte-u04o3o{animation:svelte-u04o3o-slideDown .2s ease}@keyframes svelte-u04o3o-slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}input.svelte-u04o3o.svelte-u04o3o:focus,input.svelte-u04o3o.svelte-u04o3o:focus-visible,input.selected-section.svelte-u04o3o.svelte-u04o3o:focus{outline:none!important;box-shadow:none!important}.progression-visual.svelte-u04o3o.svelte-u04o3o{display:inline-block;border:2px solid rgba(255,255,255,.15);border-radius:6px;overflow:hidden;box-shadow:0 1px 3px #0003;line-height:0}.degree-button{transition:all .1s ease;border:none;margin:0;vertical-align:top}.progression-visual.svelte-u04o3o:hover .degree-button{transform:scale(1.02)}.library-btn:hover{background:var(--border)!important}.leadsheet-container.svelte-1u9ibda.svelte-1u9ibda{background:#fff;border:1px solid #ddd;border-radius:12px;padding:1.5em;max-width:1000px;margin:1em 0;font-family:system-ui,-apple-system,sans-serif}.leadsheet-header.svelte-1u9ibda.svelte-1u9ibda{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1em;padding-bottom:1em;border-bottom:2px solid #eee;margin-bottom:1.5em}.title-section.svelte-1u9ibda h2.svelte-1u9ibda{margin:0 0 .5em;font-size:1.5em;color:#333}.meta-info.svelte-1u9ibda.svelte-1u9ibda{display:flex;gap:1em;flex-wrap:wrap}.meta-item.svelte-1u9ibda.svelte-1u9ibda{background:#f5f5f5;padding:.3em .7em;border-radius:6px;font-size:.9em;color:#555}.controls.svelte-1u9ibda.svelte-1u9ibda{display:flex;gap:1em;align-items:center}.bars-per-row.svelte-1u9ibda.svelte-1u9ibda{display:flex;align-items:center;gap:.5em}.bars-per-row.svelte-1u9ibda label.svelte-1u9ibda{font-size:.85em;color:#666}.bars-per-row.svelte-1u9ibda select.svelte-1u9ibda{padding:.3em .6em;border-radius:6px;border:1px solid #ccc;background:#fff;cursor:pointer}.color-toggle.svelte-1u9ibda.svelte-1u9ibda{display:flex;gap:0;border-radius:8px;overflow:hidden;border:1px solid #ccc}.color-toggle.svelte-1u9ibda button.svelte-1u9ibda{padding:.4em .8em;border:none;background:#f5f5f5;cursor:pointer;font-size:1.1em;transition:background .2s}.color-toggle.svelte-1u9ibda button.svelte-1u9ibda:first-child{border-right:1px solid #ccc}.color-toggle.svelte-1u9ibda button.svelte-1u9ibda:hover{background:#e5e5e5}.color-toggle.svelte-1u9ibda button.active.svelte-1u9ibda{background:#333}.export-btn.svelte-1u9ibda.svelte-1u9ibda{padding:.5em 1em;border:none;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;cursor:pointer;font-size:.9em;font-weight:600;transition:all .2s;box-shadow:0 2px 4px #667eea4d}.export-btn.svelte-1u9ibda.svelte-1u9ibda:hover{transform:translateY(-1px);box-shadow:0 4px 8px #667eea66}.export-btn.svelte-1u9ibda.svelte-1u9ibda:active{transform:translateY(0)}.leadsheet-content.svelte-1u9ibda.svelte-1u9ibda{min-height:100px}.leadsheet-content.bw-mode.svelte-1u9ibda .chord-cell.svelte-1u9ibda{background:#fff!important;color:#333!important;border:1px solid #333!important}.empty-state.svelte-1u9ibda.svelte-1u9ibda{text-align:center;color:#888;padding:2em;background:#f9f9f9;border-radius:8px}.part-section.svelte-1u9ibda.svelte-1u9ibda{margin-bottom:2em}.part-header.svelte-1u9ibda.svelte-1u9ibda{display:flex;align-items:center;gap:1em;margin-bottom:.8em;padding:.5em 0;border-bottom:1px dashed #ccc}.part-name.svelte-1u9ibda.svelte-1u9ibda{font-weight:700;font-size:1.2em;color:#333}.repeat-badge.svelte-1u9ibda.svelte-1u9ibda{background:#667eea;color:#fff;padding:.2em .6em;border-radius:12px;font-size:.75em;font-weight:600}.bar-count.svelte-1u9ibda.svelte-1u9ibda{color:#888;font-size:.85em;margin-left:auto}.bar-row.svelte-1u9ibda.svelte-1u9ibda{display:flex;gap:.8em;margin-bottom:.8em}.bar-box.svelte-1u9ibda.svelte-1u9ibda{flex:1;min-width:0}.bar-box.placeholder.svelte-1u9ibda.svelte-1u9ibda{visibility:hidden}.bar-number.svelte-1u9ibda.svelte-1u9ibda{font-size:.7em;color:#888;margin-bottom:.3em;text-transform:uppercase;letter-spacing:.5px}.chords-container.svelte-1u9ibda.svelte-1u9ibda{display:flex;gap:2px;min-height:60px}.chords-container.single.svelte-1u9ibda .chord-cell.svelte-1u9ibda,.chords-container.multi.svelte-1u9ibda .chord-cell.svelte-1u9ibda{flex:1}.chord-cell.svelte-1u9ibda.svelte-1u9ibda{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5em;border-radius:6px;border:1px solid #ddd;position:relative;min-height:50px;transition:all .2s}.chord-cell.svelte-1u9ibda.svelte-1u9ibda:hover{transform:scale(1.02);box-shadow:0 2px 8px #00000026}.chord-text.svelte-1u9ibda.svelte-1u9ibda{font-weight:600;font-size:1.1em;text-align:center;word-break:break-word}.empty-chord.svelte-1u9ibda.svelte-1u9ibda{color:#bbb;font-weight:400}.beat-indicator.svelte-1u9ibda.svelte-1u9ibda{position:absolute;bottom:2px;right:4px;font-size:.6em;opacity:.6}.error-section.svelte-1u9ibda.svelte-1u9ibda{background:#fff3cd;color:#856404;padding:1em;border-radius:8px;margin:1em 0}.legend.svelte-1u9ibda.svelte-1u9ibda{margin-top:2em;padding-top:1.5em;border-top:2px solid #eee}.legend.svelte-1u9ibda h4.svelte-1u9ibda{margin:0 0 .8em;color:#555;font-size:.9em}.legend-items.svelte-1u9ibda.svelte-1u9ibda{display:flex;flex-wrap:wrap;gap:.5em}.legend-item.svelte-1u9ibda.svelte-1u9ibda{padding:.3em .8em;border-radius:6px;color:#fff;font-size:.8em;font-weight:500}.legend-note.svelte-1u9ibda.svelte-1u9ibda{margin:.8em 0 0;font-size:.75em;color:#888;font-style:italic}@media print{.leadsheet-container.svelte-1u9ibda.svelte-1u9ibda{border:none;padding:0}.controls.svelte-1u9ibda.svelte-1u9ibda{display:none}.chord-cell.svelte-1u9ibda.svelte-1u9ibda:hover{transform:none;box-shadow:none}}h3.svelte-1xexdds{margin-bottom:calc(.2em + 5px);margin-left:5px;border-bottom:none!important;padding-bottom:0!important;color:#888}@media (max-width: 767px){h3.svelte-1xexdds{font-size:.9em!important;color:#888!important;margin-bottom:4px!important;font-weight:500!important}}.arrangement-container.svelte-1xexdds{display:flex;justify-content:space-between;align-items:flex-start;margin-top:.1em;margin-bottom:.3em}.arrangement-parts.svelte-1xexdds{display:flex;align-items:center;gap:.2em;flex-wrap:wrap}.arrangement-part.svelte-1xexdds{display:flex;align-items:center;gap:0}.part-select.svelte-1xexdds{background:var(--surface);border:2px solid var(--border);color:var(--text);padding:.5em 1em;border-radius:8px 0 0 8px;font-size:1em;font-weight:500;height:44px;min-width:120px;transition:all .3s ease;line-height:1.5}.part-select.svelte-1xexdds:focus{border-color:#a0a0a0;background:#5a5a5ae6;outline:none}.repeat-input.svelte-1xexdds{width:50px;padding:.5em;background:var(--surface);border:2px solid var(--border);border-left:none;border-right:none;color:var(--text);text-align:center;font-size:1em;font-weight:500;height:44px;transition:all .3s ease}.repeat-input.svelte-1xexdds:focus{border-color:#a0a0a0;background:#5a5a5ae6;outline:none}.action-btn.svelte-1xexdds{background:var(--surface);color:var(--text);border:2px solid var(--border);padding:0 .8em;cursor:pointer;font-size:1em;font-weight:600;height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.action-btn.delete-btn.svelte-1xexdds{border-left:none;border-radius:0}.action-btn.add-btn.svelte-1xexdds{border-left:none;border-radius:0 8px 8px 0;font-size:1.2em}.action-btn.standalone-add.svelte-1xexdds{border-radius:8px;font-size:1.2em}.action-btn.svelte-1xexdds:hover{background:#ffffff1a}.leadsheet-controls.svelte-1xexdds{margin-left:auto}.leadsheet-btn.svelte-1xexdds{background:var(--surface);border:2px solid var(--border);color:var(--text);padding:.5em 1em;border-radius:8px;cursor:pointer;font-size:1em;font-weight:500;height:44px;transition:all .3s ease}.leadsheet-btn.svelte-1xexdds:hover{background:#ffffff1a}.help-overlay.svelte-m4giy0.svelte-m4giy0{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:1000}.help-modal.svelte-m4giy0.svelte-m4giy0{background:#fff;border-radius:12px;width:95%;max-width:1400px;max-height:90vh;overflow:hidden;box-shadow:0 20px 40px #0000004d;display:flex;flex-direction:column}.help-header.svelte-m4giy0.svelte-m4giy0{display:flex;justify-content:space-between;align-items:center;padding:20px 30px;background:linear-gradient(135deg,#4579ca,#2a5298);color:#fff;flex-shrink:0}.help-header.svelte-m4giy0 h2.svelte-m4giy0{margin:0;font-size:1.5rem}.close-btn.svelte-m4giy0.svelte-m4giy0{background:none;border:none;color:#fff;font-size:2rem;cursor:pointer;padding:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:background-color .2s}.close-btn.svelte-m4giy0.svelte-m4giy0:hover{background:#fff3}.help-content.svelte-m4giy0.svelte-m4giy0{padding:30px;overflow-y:auto;flex:1;background:#f9fafb}.help-columns.svelte-m4giy0.svelte-m4giy0{display:flex;gap:2em}.help-column.svelte-m4giy0.svelte-m4giy0{width:50%}.column-title.svelte-m4giy0.svelte-m4giy0{margin:0 0 1em;color:#4579ca;font-size:1.5em;font-weight:600;text-align:center}@media (max-width: 900px){.help-columns.svelte-m4giy0.svelte-m4giy0{flex-direction:column}.help-column.svelte-m4giy0.svelte-m4giy0{width:100%}.help-modal.svelte-m4giy0.svelte-m4giy0{width:98%}.help-content.svelte-m4giy0.svelte-m4giy0{padding:15px}}.status-message.svelte-xen4no{padding:1rem;border-radius:8px;margin:1rem 0;font-weight:500}.status-info.svelte-xen4no{background-color:#e3f2fd;color:#1565c0;border:1px solid #2196f3}.status-success.svelte-xen4no{background-color:#e8f5e8;color:#2e7d32;border:1px solid #4caf50}.status-warning.svelte-xen4no{background-color:#fff3e0;color:#ef6c00;border:1px solid #ff9800}.status-error.svelte-xen4no{background-color:#ffebee;color:#c62828;border:1px solid #f44336}.volume-knob.svelte-13jakgt.svelte-13jakgt{width:32px;height:32px;min-width:32px;min-height:32px;border-radius:50%;background:#ffffff1a;border:1px solid var(--border, #444);position:relative;cursor:ns-resize;display:flex;align-items:center;justify-content:center;transition:background .2s ease,border-color .2s ease,box-shadow .2s ease;user-select:none}.volume-knob.svelte-13jakgt.svelte-13jakgt:hover:not(.disabled){background:#ffffff26;border-color:var(--accent, #666)}.volume-knob.dragging.svelte-13jakgt.svelte-13jakgt{background:#6496ff33;border-color:var(--accent, #6af);box-shadow:0 0 8px #6496ff66}.volume-knob.disabled.svelte-13jakgt.svelte-13jakgt{opacity:.5;cursor:not-allowed}.knob-indicator.svelte-13jakgt.svelte-13jakgt{width:2px;height:10px;background:var(--text, #ccc);position:absolute;top:4px;left:50%;transform-origin:bottom center;margin-left:-1px;transition:background .2s ease}.volume-knob.dragging.svelte-13jakgt .knob-indicator.svelte-13jakgt{background:var(--accent, #6af)}.knob-value.svelte-13jakgt.svelte-13jakgt{font-size:9px;color:var(--text, #ccc);font-weight:700;pointer-events:none;transition:color .2s ease}.volume-knob.dragging.svelte-13jakgt .knob-value.svelte-13jakgt{color:var(--accent, #6af)}.volume-knob.at-unity.svelte-13jakgt.svelte-13jakgt{border-color:#64c86499}.volume-knob.at-unity.svelte-13jakgt .knob-indicator.svelte-13jakgt{background:#64c864e6}.volume-knob.at-unity.svelte-13jakgt .knob-value.svelte-13jakgt{color:#64c864e6}.volume-knob.above-unity.svelte-13jakgt.svelte-13jakgt{border-color:#ffb46499}.volume-knob.above-unity.svelte-13jakgt .knob-indicator.svelte-13jakgt{background:#ffb464e6}.volume-knob.above-unity.svelte-13jakgt .knob-value.svelte-13jakgt{color:#ffb464e6}.lead-generator.svelte-byomi.svelte-byomi{display:flex;flex-direction:column;gap:.5rem;padding:.5rem;background:var(--surface, #1a1a1a);border-radius:8px}.presets-row.svelte-byomi.svelte-byomi{display:flex;align-items:center;gap:.5rem;padding:.25rem 0}.presets-row.svelte-byomi .style-select select.svelte-byomi{background:#f97316;color:#000;font-weight:600;padding:.3rem .6rem;border:none;border-radius:4px;font-size:.8rem;cursor:pointer}.presets-inline.svelte-byomi.svelte-byomi{display:flex;flex-wrap:nowrap;gap:.25rem;flex:1;overflow-x:auto}.presets-inline.svelte-byomi .preset-btn.svelte-byomi{background:#2a2a2a;border:1px solid #444;color:#ccc;padding:.3rem .5rem;border-radius:4px;font-size:.7rem;cursor:pointer;transition:all .15s;white-space:nowrap;flex-shrink:0}.presets-inline.svelte-byomi .preset-btn.svelte-byomi:hover{background:#2a2a2a;border-color:#f97316;color:#fff}.presets-inline.svelte-byomi .preset-btn.active.svelte-byomi{background:#f97316;border-color:#f97316;color:#000;font-weight:600}@media (max-width: 700px){.presets-inline.svelte-byomi .preset-btn .preset-name.svelte-byomi{display:none}.presets-inline.svelte-byomi .preset-btn.svelte-byomi{padding:.3rem;min-width:28px}.presets-inline.svelte-byomi .preset-btn.svelte-byomi:before{content:"●";font-size:.6rem}.shape-buttons.svelte-byomi.svelte-byomi{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;max-width:200px;flex-shrink:1}.shape-buttons.svelte-byomi.svelte-byomi::-webkit-scrollbar{height:4px}.shape-buttons.svelte-byomi.svelte-byomi::-webkit-scrollbar-thumb{background:#444;border-radius:2px}.controls-left.svelte-byomi.svelte-byomi{flex-wrap:wrap;gap:.4rem}}.controls-row.svelte-byomi.svelte-byomi{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;gap:.5rem}.controls-left.svelte-byomi.svelte-byomi{display:flex;align-items:center;gap:.75rem}.controls-right.svelte-byomi.svelte-byomi{display:flex;gap:.5rem}.quantization-select.svelte-byomi.svelte-byomi{display:flex;align-items:center;font-size:.8rem}.quantization-select.svelte-byomi select.svelte-byomi{background:#2a2a2a;border:1px solid #444;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;cursor:pointer}.edit-mode-buttons.svelte-byomi.svelte-byomi{display:flex;gap:.2rem;padding:.1rem;background:#222;border-radius:4px}.mode-btn.svelte-byomi.svelte-byomi{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;cursor:pointer;font-size:.85rem;font-weight:600;color:#888;transition:all .15s}.mode-btn.svelte-byomi.svelte-byomi:hover{background:#333;color:#fff}.mode-btn.active.svelte-byomi.svelte-byomi{background:#f97316;color:#000}.shape-buttons.svelte-byomi.svelte-byomi{display:flex;gap:.2rem;padding:.1rem;background:#222;border-radius:4px;margin-left:.5rem}.shape-btn.svelte-byomi.svelte-byomi{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:3px;cursor:pointer;font-size:.85rem;color:#888;transition:all .15s}.shape-btn.svelte-byomi.svelte-byomi:hover{background:#333;color:#fff}.shape-btn.active.svelte-byomi.svelte-byomi{background:#f97316;color:#000}.style-select.svelte-byomi.svelte-byomi{display:flex;align-items:center;font-size:.8rem}.style-select.svelte-byomi select.svelte-byomi{background:#2a2a2a;border:1px solid #444;color:#fff;padding:.25rem .5rem;border-radius:4px;font-size:.8rem;cursor:pointer}.btn-clear.svelte-byomi.svelte-byomi{background:#2a2a2a;border:1px solid #444;color:#aaa;padding:.25rem .75rem;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;transition:all .2s}.btn-clear.svelte-byomi.svelte-byomi:hover{background:#2a2a2a;border-color:#ef4444;color:#ef4444}.midi-editor-container.svelte-byomi.svelte-byomi{display:flex;flex-direction:column;background:#0d0d0d;border-radius:8px;overflow:hidden}.chord-timeline.svelte-byomi.svelte-byomi{display:flex;height:28px;background:#1a1a1a;border-bottom:1px solid #333}.piano-spacer.svelte-byomi.svelte-byomi{width:50px;flex-shrink:0;background:#1a1a1a;display:flex;align-items:center;justify-content:center}.flat-btn.svelte-byomi.svelte-byomi{background:#2a2a2a;border:1px solid #444;color:#888;padding:.2rem .4rem;border-radius:3px;font-size:.65rem;font-weight:600;cursor:pointer;transition:all .15s;text-transform:lowercase}.flat-btn.svelte-byomi.svelte-byomi:hover{background:#2a2a2a;border-color:#f97316;color:#fff}.flat-btn.active.svelte-byomi.svelte-byomi{background:#f97316;border-color:#f97316;color:#000}.timeline-grid.svelte-byomi.svelte-byomi{flex:1;display:grid;grid-template-columns:repeat(var(--grid-columns),1fr)}.timeline-chord.svelte-byomi.svelte-byomi{display:flex;align-items:center;justify-content:center;border-right:1px solid;font-size:.75rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.midi-editor-body.svelte-byomi.svelte-byomi{display:flex;max-height:500px;overflow-y:auto}.piano-roll.svelte-byomi.svelte-byomi{width:50px;flex-shrink:0;display:flex;flex-direction:column;background:#1a1a1a;border-right:2px solid #444}.piano-key.svelte-byomi.svelte-byomi{height:20px;display:flex;align-items:center;justify-content:flex-end;padding-right:6px;font-size:.7rem;border-bottom:1px solid #222}.piano-key.white.svelte-byomi.svelte-byomi{background:#2a2a2a}.piano-key.black.svelte-byomi.svelte-byomi{background:#1a1a1a}.piano-key.in-scale.svelte-byomi.svelte-byomi{background:#2a2a2a}.piano-key.black.in-scale.svelte-byomi.svelte-byomi{background:#1a1a1a}.key-label.svelte-byomi.svelte-byomi{font-family:monospace}.note-grid.svelte-byomi.svelte-byomi{flex:1;display:flex;flex-direction:column}.grid-row.svelte-byomi.svelte-byomi{display:grid;grid-template-columns:repeat(var(--grid-columns),1fr);height:20px;border-bottom:1px solid #1a1a1a}.grid-row.black-row.svelte-byomi.svelte-byomi{background:#151515}.grid-row.in-scale-row.svelte-byomi.svelte-byomi{background:#1a1a1a}.grid-cell.svelte-byomi.svelte-byomi{position:relative;border-right:1px solid #222;cursor:pointer;transition:background .1s;min-width:8px}.grid-cell.beat-line.svelte-byomi.svelte-byomi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:1px;background:#333;pointer-events:none;z-index:2}.grid-cell.bar-line.svelte-byomi.svelte-byomi:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:#555;pointer-events:none;z-index:2}.grid-cell.fits-chord.svelte-byomi.svelte-byomi{background:#ffffff05}.chord-hint.svelte-byomi.svelte-byomi{position:absolute;inset:1px;border-radius:2px;pointer-events:none}.hover-hint.svelte-byomi.svelte-byomi{position:absolute;inset:0;border-radius:2px;pointer-events:none;z-index:5;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3)}.hover-hint.out-of-scale.svelte-byomi.svelte-byomi{border:1px dashed rgba(100,100,100,.5)}.hover-hint.out-of-scale.svelte-byomi .hover-note-name.svelte-byomi{color:#666}.hover-note-name.svelte-byomi.svelte-byomi{font-size:.65rem;font-weight:700;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.8),0 0 4px rgba(0,0,0,.5);letter-spacing:.5px}.note-block.svelte-byomi.svelte-byomi{position:absolute;top:2px;left:1px;height:calc(100% - 4px);border-radius:2px;min-width:4px;z-index:10;box-shadow:0 1px 3px #0006;display:flex;align-items:center;justify-content:center;overflow:visible}.velocity-label.svelte-byomi.svelte-byomi{font-size:.6rem;font-weight:600;color:#000;text-shadow:0 0 2px rgba(255,255,255,.5);pointer-events:none}.note-grid.velocity-mode.svelte-byomi.svelte-byomi,.note-grid.velocity-mode.svelte-byomi .grid-cell.svelte-byomi{cursor:ns-resize}.sliders-section.svelte-byomi.svelte-byomi{background:#1a1a1a;border-radius:8px;padding:.75rem}.sliders-grid.svelte-byomi.svelte-byomi{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem 1rem}.slider-row.svelte-byomi.svelte-byomi{display:flex;align-items:center;gap:.5rem}.slider-row.svelte-byomi label.svelte-byomi{width:80px;font-size:.75rem;color:#888}.slider-row.svelte-byomi input[type=range].svelte-byomi{flex:1;height:4px;background:#333;border-radius:2px;appearance:none;cursor:pointer}.slider-row.svelte-byomi input[type=range].svelte-byomi::-webkit-slider-thumb{appearance:none;width:14px;height:14px;background:#f97316;border-radius:50%;cursor:pointer}.slider-value.svelte-byomi.svelte-byomi{width:24px;text-align:center;font-size:.75rem;color:#f97316;font-weight:600}.global-controls-row.svelte-v99d19.svelte-v99d19{display:flex;justify-content:flex-end;align-items:center;padding:2px 1em 2px 0;margin-bottom:2px}.global-buttons.svelte-v99d19.svelte-v99d19{display:flex;align-items:center;gap:.4em}.global-mode-group.svelte-v99d19.svelte-v99d19{display:flex;align-items:center;gap:0}.global-mode-group.svelte-v99d19 .global-btn.accomp-btn.svelte-v99d19{border-radius:4px 0 0 4px;border-right:none}.global-mode-group.svelte-v99d19 .global-btn.rhythm-btn.svelte-v99d19{border-radius:0 4px 4px 0}.global-btn.svelte-v99d19.svelte-v99d19{background:transparent;border:1px solid var(--border, #444);border-radius:4px;color:var(--text, #666);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.6}.global-btn.accomp-btn.svelte-v99d19.svelte-v99d19,.global-btn.dice-btn.svelte-v99d19.svelte-v99d19,.global-btn.rhythm-btn.svelte-v99d19.svelte-v99d19{height:28px;min-width:32px;padding:.4em .6em;font-size:1em}.global-btn.expand-btn.svelte-v99d19.svelte-v99d19{height:28px;min-width:28px;padding:.3em .5em;font-size:.8em;margin-left:.3em}.global-btn.svelte-v99d19.svelte-v99d19:hover{opacity:1;background:#4a90e226;border-color:#4a90e2}.global-btn.active.svelte-v99d19.svelte-v99d19{opacity:1;background:#22c55e40;border-color:#22c55e;color:#22c55e}.global-btn.accomp-btn.svelte-v99d19.svelte-v99d19:hover{background:#22c55e26;border-color:#22c55e}.global-btn.accomp-btn.active.svelte-v99d19.svelte-v99d19{background:#22c55e;border-color:#22c55e;color:#fff}.global-btn.dice-btn.svelte-v99d19.svelte-v99d19:hover{background:#a855f726;border-color:#a855f7}.global-btn.rhythm-btn.svelte-v99d19.svelte-v99d19:hover{background:#22c55e26;border-color:#22c55e}.global-btn.rhythm-btn.active.svelte-v99d19.svelte-v99d19{background:#22c55e;border-color:#22c55e;color:#fff}.global-btn.expand-btn.svelte-v99d19.svelte-v99d19:hover{background:#9ca3af26;border-color:#9ca3af}.global-btn.expand-btn.active.svelte-v99d19.svelte-v99d19{background:#9ca3af40;border-color:#9ca3af;color:#9ca3af}.global-btn.flash.svelte-v99d19.svelte-v99d19{animation:svelte-v99d19-globalFlash .4s ease}@keyframes svelte-v99d19-globalFlash{0%,to{background:transparent;opacity:.6}50%{background:#a855f780;opacity:1;border-color:#a855f7}}@media (max-width: 767px){.global-controls-row.svelte-v99d19.svelte-v99d19{padding-right:8px!important;margin-bottom:2px!important}.global-buttons.svelte-v99d19.svelte-v99d19{gap:4px!important}.global-btn.svelte-v99d19.svelte-v99d19{flex-shrink:0!important}.global-btn.expand-btn.svelte-v99d19.svelte-v99d19{display:none!important}}.mb-16.svelte-mjrw10.svelte-mjrw10{margin-bottom:4em}h4.svelte-mjrw10.svelte-mjrw10{font-size:1.5em;margin-bottom:1em;color:var(--primary)}.progressions-grid.svelte-mjrw10.svelte-mjrw10{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5em;margin-bottom:2em}.progression-card.svelte-mjrw10.svelte-mjrw10{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5em}.progression-card.svelte-mjrw10 h5.svelte-mjrw10{font-size:1.2em;margin-bottom:1em;color:var(--accent)}.progression-item.svelte-mjrw10.svelte-mjrw10{padding:.8em;margin:.5em 0;background:var(--background);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s;color:var(--text)}.progression-item.svelte-mjrw10.svelte-mjrw10:hover{background:var(--accent);color:#fff;transform:translate(4px)}.progression-item.selected.svelte-mjrw10.svelte-mjrw10{background:var(--primary);color:#fff;border-color:var(--primary)}.text-muted.svelte-mjrw10.svelte-mjrw10{opacity:.8;font-size:.9em}.suggestion-area.svelte-mjrw10.svelte-mjrw10{background:var(--surface);border:2px solid var(--primary);border-radius:8px;padding:1.5em;margin-top:2em}.suggestion-area.svelte-mjrw10 h5.svelte-mjrw10{color:var(--primary);margin-bottom:.5em}.suggestion-area.svelte-mjrw10 p.svelte-mjrw10{margin-bottom:1em}button.svelte-mjrw10.svelte-mjrw10{background:var(--primary);color:#fff;border:none;padding:.6em 1.5em;border-radius:6px;cursor:pointer;font-weight:700;transition:opacity .2s}button.svelte-mjrw10.svelte-mjrw10:hover{opacity:.9}.mb-16.svelte-116evkc.svelte-116evkc{margin-bottom:4em}h4.svelte-116evkc.svelte-116evkc{font-size:1.5em;margin-bottom:1em;color:var(--primary)}.progressions-grid.svelte-116evkc.svelte-116evkc{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5em;margin-bottom:2em}.progression-card.svelte-116evkc.svelte-116evkc{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5em}.progression-card.svelte-116evkc h5.svelte-116evkc{font-size:1.2em;margin-bottom:1em;color:var(--accent)}.progression-item.svelte-116evkc.svelte-116evkc{padding:.8em;margin:.5em 0;background:var(--background);border:1px solid var(--border);border-radius:6px;cursor:pointer;transition:all .2s;color:var(--text)}.progression-item.svelte-116evkc.svelte-116evkc:hover{background:var(--accent);color:#fff;transform:translate(4px)}.progression-item.selected.svelte-116evkc.svelte-116evkc{background:var(--primary);color:#fff;border-color:var(--primary)}.text-muted.svelte-116evkc.svelte-116evkc{opacity:.8;font-size:.9em}.suggestion-area.svelte-116evkc.svelte-116evkc{background:var(--surface);border:2px solid var(--primary);border-radius:8px;padding:1.5em;margin-top:2em}.suggestion-area.svelte-116evkc h5.svelte-116evkc{color:var(--primary);margin-bottom:.5em}.suggestion-area.svelte-116evkc p.svelte-116evkc{margin-bottom:1em}button.svelte-116evkc.svelte-116evkc{background:var(--primary);color:#fff;border:none;padding:.6em 1.5em;border-radius:6px;cursor:pointer;font-weight:700;transition:opacity .2s}button.svelte-116evkc.svelte-116evkc:hover{opacity:.9}.mb-16.svelte-iesong.svelte-iesong{margin-bottom:4em}h4.svelte-iesong.svelte-iesong{font-size:1.5em;margin-bottom:1em;color:var(--primary)}.progressions-grid.svelte-iesong.svelte-iesong{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5em;margin-bottom:2em}.progression-card.svelte-iesong.svelte-iesong{background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.5em}.progression-card.svelte-iesong h5.svelte-iesong{font-size:1.2em;margin-bottom:1em;color:var(--accent)}.preview-container.svelte-1ucfu2q.svelte-1ucfu2q{padding:4px 6px;background:var(--background, #1a1a1a);border-radius:6px;border:1px solid var(--border, #333);display:flex;flex-direction:column;gap:4px}.preview-container.compact.svelte-1ucfu2q.svelte-1ucfu2q{padding:3px 4px;gap:2px}.bars-row.svelte-1ucfu2q.svelte-1ucfu2q{display:flex;gap:4px;flex-wrap:nowrap}.bar-wrapper.svelte-1ucfu2q.svelte-1ucfu2q{display:flex;flex-direction:column;align-items:center;gap:2px;flex:0 0 auto}.bar-number.svelte-1ucfu2q.svelte-1ucfu2q{font-size:.55em;color:var(--text, #fff);opacity:.5;line-height:1}.compact.svelte-1ucfu2q .bar-number.svelte-1ucfu2q{font-size:.5em}.bar.svelte-1ucfu2q.svelte-1ucfu2q{display:flex;flex-direction:row;width:80px;height:32px;border:1px solid rgba(255,255,255,.25);border-radius:4px;overflow:hidden}.compact.svelte-1ucfu2q .bar.svelte-1ucfu2q{width:60px;height:26px}.chord-cell.svelte-1ucfu2q.svelte-1ucfu2q{display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;min-width:0;height:100%;box-sizing:border-box;border-right:1px solid rgba(0,0,0,.4)}.chord-cell.svelte-1ucfu2q.svelte-1ucfu2q:last-child{border-right:none}.chord-cell.narrow.svelte-1ucfu2q.svelte-1ucfu2q{padding:0 1px}.chord-cell.medium.svelte-1ucfu2q.svelte-1ucfu2q{padding:0 2px}.chord-content.svelte-1ucfu2q.svelte-1ucfu2q{display:flex;align-items:baseline;justify-content:center;gap:0;line-height:1}.chord-roman.svelte-1ucfu2q.svelte-1ucfu2q{color:#fff;font-size:.85em;font-weight:800;text-shadow:0 1px 2px rgba(0,0,0,.8)}.chord-suffix.svelte-1ucfu2q.svelte-1ucfu2q{color:#fff;font-size:.55em;font-weight:600;text-shadow:0 1px 2px rgba(0,0,0,.8);opacity:.9}.compact.svelte-1ucfu2q .chord-roman.svelte-1ucfu2q{font-size:.7em}.compact.svelte-1ucfu2q .chord-suffix.svelte-1ucfu2q{font-size:.45em}.duration-badge.svelte-1ucfu2q.svelte-1ucfu2q{position:absolute;bottom:1px;right:1px;font-size:.45em;color:#ffffffb3;text-shadow:0 0 2px rgba(0,0,0,.9);line-height:1}.compact.svelte-1ucfu2q .duration-badge.svelte-1ucfu2q{font-size:.4em}.has-push.svelte-1ucfu2q.svelte-1ucfu2q{border-left:2px solid rgba(255,200,0,.9)!important}.push-indicator.svelte-1ucfu2q.svelte-1ucfu2q{position:absolute;top:1px;left:2px;font-size:.5em;color:#ffc800;text-shadow:0 0 2px rgba(0,0,0,.8)}.bar-count.svelte-1ucfu2q.svelte-1ucfu2q{font-size:.6em;color:var(--text, #fff);opacity:.5;text-align:right;line-height:1}.compact.svelte-1ucfu2q .bar-count.svelte-1ucfu2q{font-size:.5em}.configurator.svelte-13pph5h.svelte-13pph5h{background:var(--surface, #1a1a1a);border-radius:12px;padding:1rem}.header.svelte-13pph5h.svelte-13pph5h{margin-bottom:1rem;text-align:center}.header.svelte-13pph5h h3.svelte-13pph5h{margin:0 0 .25rem;color:var(--text, #fff);font-size:1.1rem}.subtitle.svelte-13pph5h.svelte-13pph5h{margin:0;color:var(--text, #fff);opacity:.6;font-size:.8rem}.section.svelte-13pph5h.svelte-13pph5h{margin-bottom:1rem}.section-label.svelte-13pph5h.svelte-13pph5h{display:block;color:var(--text, #fff);font-size:.85rem;font-weight:600;margin-bottom:.5rem;opacity:.9}.key-section.svelte-13pph5h.svelte-13pph5h{margin-bottom:1rem}.key-controls.svelte-13pph5h.svelte-13pph5h{display:flex;flex-direction:column;gap:.5rem}.key-selector.svelte-13pph5h.svelte-13pph5h{display:flex;flex-wrap:wrap;gap:.25rem}.key-btn.svelte-13pph5h.svelte-13pph5h{padding:.3rem .5rem;min-width:2.5rem;background:var(--background, #1a1a1a);border:2px solid var(--border, #333);border-radius:6px;color:var(--text, #fff);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.key-btn.svelte-13pph5h.svelte-13pph5h:hover{border-color:var(--accent, #6366f1)}.key-btn.selected.svelte-13pph5h.svelte-13pph5h{border-color:var(--primary, #22c55e);background:#22c55e33}.scale-toggle.svelte-13pph5h.svelte-13pph5h{display:flex;gap:.25rem}.scale-btn.svelte-13pph5h.svelte-13pph5h{flex:1;padding:.4rem .8rem;background:var(--background, #1a1a1a);border:2px solid var(--border, #333);border-radius:6px;color:var(--text, #fff);font-size:.75rem;font-weight:600;cursor:pointer;transition:all .15s}.scale-btn.svelte-13pph5h.svelte-13pph5h:hover{border-color:var(--accent, #6366f1)}.scale-btn.selected.svelte-13pph5h.svelte-13pph5h{border-color:var(--accent, #6366f1);background:#6366f133}.base-grid.svelte-13pph5h.svelte-13pph5h{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.4rem}.base-btn.svelte-13pph5h.svelte-13pph5h{display:flex;flex-direction:column;padding:.5rem;background:var(--background, #1a1a1a);border:2px solid var(--border, #333);border-radius:8px;cursor:pointer;transition:all .2s;text-align:left}.base-btn.svelte-13pph5h.svelte-13pph5h:hover{border-color:var(--accent, #6366f1)}.base-btn.selected.svelte-13pph5h.svelte-13pph5h{border-color:var(--primary, #22c55e);background:#22c55e1a}.base-name.svelte-13pph5h.svelte-13pph5h{color:var(--text, #fff);font-size:.75rem;font-weight:600;margin-bottom:.2rem}.base-chords.svelte-13pph5h.svelte-13pph5h{color:var(--text, #fff);font-size:.65rem;opacity:.6;font-family:monospace}.sliders-section.svelte-13pph5h.svelte-13pph5h{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.slider-group.svelte-13pph5h label.svelte-13pph5h{display:flex;flex-direction:column;gap:.3rem}.slider-label.svelte-13pph5h.svelte-13pph5h{display:flex;justify-content:space-between;align-items:center;color:var(--text, #fff);font-size:.8rem}.hint.svelte-13pph5h.svelte-13pph5h{font-size:.65rem;opacity:.5;font-style:italic}input[type=range].svelte-13pph5h.svelte-13pph5h{width:100%;height:6px;background:var(--border, #333);border-radius:3px;appearance:none;cursor:pointer}input[type=range].svelte-13pph5h.svelte-13pph5h::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--accent, #6366f1);border-radius:50%;cursor:pointer;transition:transform .2s}input[type=range].svelte-13pph5h.svelte-13pph5h::-webkit-slider-thumb:hover{transform:scale(1.2)}.preview-section.svelte-13pph5h.svelte-13pph5h{margin-bottom:1rem;padding:.75rem;background:var(--background, #1a1a1a);border-radius:8px}.preview-chords.svelte-13pph5h.svelte-13pph5h{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem}.preview-chord.svelte-13pph5h.svelte-13pph5h{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .6rem;border-radius:6px;color:#fff;font-size:1rem;font-weight:700;min-width:50px;min-height:48px;text-align:center;box-shadow:0 2px 6px #0000004d;transition:transform .15s}.preview-chord.svelte-13pph5h.svelte-13pph5h:hover{transform:scale(1.05)}.preview-chord.short.svelte-13pph5h.svelte-13pph5h{min-width:30px;padding:.4rem;font-size:.85rem}.chord-name.svelte-13pph5h.svelte-13pph5h{color:#fff;font-size:1.1rem;font-weight:700;text-shadow:0 1px 3px rgba(0,0,0,.5);letter-spacing:.02em}.duration-indicator.svelte-13pph5h.svelte-13pph5h{font-size:.55rem;opacity:.8;margin-top:.15rem;background:#0003;padding:.1rem .25rem;border-radius:3px}.preview-description.svelte-13pph5h.svelte-13pph5h{margin:0;color:var(--text, #fff);opacity:.6;font-size:.75rem}.actions.svelte-13pph5h.svelte-13pph5h{display:flex;gap:.5rem}.preview-btn.svelte-13pph5h.svelte-13pph5h,.apply-btn.svelte-13pph5h.svelte-13pph5h{flex:1;padding:.6rem;border-radius:8px;font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s}.preview-btn.svelte-13pph5h.svelte-13pph5h{background:var(--background, #1a1a1a);border:2px solid var(--accent, #6366f1);color:var(--accent, #6366f1)}.preview-btn.svelte-13pph5h.svelte-13pph5h:hover{background:#6366f11a}.apply-btn.svelte-13pph5h.svelte-13pph5h{background:var(--primary, #22c55e);border:none;color:#fff}.apply-btn.svelte-13pph5h.svelte-13pph5h:hover{filter:brightness(1.1)}.modal-overlay.svelte-15pcv1c.svelte-15pcv1c{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:10000;padding:1rem}.modal-content.svelte-15pcv1c.svelte-15pcv1c{background:var(--panel, #1e1e1e);border:2px solid var(--border, #333);border-radius:16px;width:100%;max-width:1200px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #00000080}.modal-header.svelte-15pcv1c.svelte-15pcv1c{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--border, #333);background:linear-gradient(135deg,#6366f11a,#a855f71a)}.header-left.svelte-15pcv1c.svelte-15pcv1c{display:flex;flex-direction:column;gap:.5rem}.modal-header.svelte-15pcv1c h2.svelte-15pcv1c{margin:0;font-size:1.3rem;color:var(--text, #fff)}.tabs.svelte-15pcv1c.svelte-15pcv1c{display:flex;gap:.25rem}.tab-btn.svelte-15pcv1c.svelte-15pcv1c{padding:.4rem .8rem;background:var(--background, #1a1a1a);border:2px solid var(--border, #333);border-radius:8px;color:var(--text, #fff);font-size:.8rem;cursor:pointer;transition:all .2s}.tab-btn.svelte-15pcv1c.svelte-15pcv1c:hover{border-color:var(--accent, #6366f1)}.tab-btn.active.svelte-15pcv1c.svelte-15pcv1c{background:var(--accent, #6366f1);border-color:var(--accent, #6366f1);color:#fff;font-weight:600}.configurator-wrapper.svelte-15pcv1c.svelte-15pcv1c{flex:1;overflow-y:auto;padding:1rem}.close-btn.svelte-15pcv1c.svelte-15pcv1c{background:none;border:none;color:var(--text, #fff);font-size:2rem;cursor:pointer;opacity:.7;transition:opacity .2s;line-height:1;padding:0;width:36px;height:36px}.close-btn.svelte-15pcv1c.svelte-15pcv1c:hover{opacity:1}.filters-section.svelte-15pcv1c.svelte-15pcv1c{padding:1rem 1.5rem;border-bottom:1px solid var(--border, #333);background:var(--surface, #1a1a1a)}.search-box.svelte-15pcv1c.svelte-15pcv1c{position:relative;margin-bottom:1rem}.search-input.svelte-15pcv1c.svelte-15pcv1c{width:100%;padding:.75rem 2.5rem .75rem 1rem;background:var(--background, #1a1a1a);border:1px solid var(--border, #333);border-radius:8px;color:var(--text, #fff);font-size:1rem}.search-input.svelte-15pcv1c.svelte-15pcv1c:focus{outline:none;border-color:var(--accent, #6366f1)}.clear-search.svelte-15pcv1c.svelte-15pcv1c{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text, #fff);opacity:.5;cursor:pointer;font-size:1.2rem}.clear-search.svelte-15pcv1c.svelte-15pcv1c:hover{opacity:1}.filter-row.svelte-15pcv1c.svelte-15pcv1c{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.filter-label.svelte-15pcv1c.svelte-15pcv1c{min-width:50px;color:var(--text, #fff);opacity:.7;font-size:.85rem;padding-top:.5rem}.genre-tabs.svelte-15pcv1c.svelte-15pcv1c,.part-tabs.svelte-15pcv1c.svelte-15pcv1c{display:flex;flex-wrap:wrap;gap:.4rem}.genre-tab.svelte-15pcv1c.svelte-15pcv1c,.part-tab.svelte-15pcv1c.svelte-15pcv1c{padding:.4rem .75rem;background:var(--background, #1a1a1a);border:1px solid var(--border, #333);border-radius:20px;color:var(--text, #fff);font-size:.8rem;cursor:pointer;transition:all .2s}.genre-tab.svelte-15pcv1c.svelte-15pcv1c:hover,.part-tab.svelte-15pcv1c.svelte-15pcv1c:hover{background:var(--border, #333)}.genre-tab.active.svelte-15pcv1c.svelte-15pcv1c{background:var(--genre-color, var(--accent, #6366f1));border-color:transparent;color:#fff}.part-tab.active.svelte-15pcv1c.svelte-15pcv1c{background:var(--accent, #6366f1);border-color:transparent;color:#fff}.results-section.svelte-15pcv1c.svelte-15pcv1c{flex:1;overflow:hidden;display:flex;flex-direction:column;min-height:0}.results-header.svelte-15pcv1c.svelte-15pcv1c{padding:.75rem 1.5rem;border-bottom:1px solid var(--border, #333);display:flex;justify-content:space-between;align-items:center}.results-count.svelte-15pcv1c.svelte-15pcv1c{color:var(--text, #fff);opacity:.7;font-size:.9rem}.preview-toggle.svelte-15pcv1c.svelte-15pcv1c{display:flex;align-items:center;gap:.4rem;padding:.4rem .8rem;background:var(--background, #1a1a1a);border:2px solid var(--border, #333);border-radius:8px;color:var(--text, #fff);font-size:.85rem;cursor:pointer;transition:all .2s}.preview-toggle.svelte-15pcv1c.svelte-15pcv1c:hover{border-color:var(--accent, #6366f1);background:#6366f11a}.preview-toggle.active.svelte-15pcv1c.svelte-15pcv1c{background:linear-gradient(135deg,#22c55e,#16a34a);border-color:transparent;color:#fff;font-weight:600}.preview-toggle.active.svelte-15pcv1c.svelte-15pcv1c:hover{filter:brightness(1.1)}.preview-icon.svelte-15pcv1c.svelte-15pcv1c{font-size:1rem}.progressions-list.svelte-15pcv1c.svelte-15pcv1c{flex:1;overflow-y:auto;padding:.75rem 1.5rem;display:flex;flex-direction:column;gap:.5rem}.progression-row.svelte-15pcv1c.svelte-15pcv1c{display:flex;align-items:center;gap:1rem;background:var(--surface, #1a1a1a);border:2px solid var(--border, #333);border-radius:10px;padding:.75rem 1rem;cursor:pointer;transition:all .2s}.progression-row.svelte-15pcv1c.svelte-15pcv1c:hover,.progression-row.hovered.svelte-15pcv1c.svelte-15pcv1c{border-color:var(--accent, #6366f1);box-shadow:0 2px 8px #6366f126}.progression-row.selected.svelte-15pcv1c.svelte-15pcv1c{border-color:var(--primary, #22c55e);background:#22c55e1a}.row-info.svelte-15pcv1c.svelte-15pcv1c{flex:0 0 260px;min-width:200px}.row-header.svelte-15pcv1c.svelte-15pcv1c{display:flex;align-items:center;gap:.5rem;margin-bottom:.35rem;flex-wrap:wrap}.prog-name.svelte-15pcv1c.svelte-15pcv1c{font-weight:600;color:var(--text, #fff);font-size:.9rem}.genre-badge.svelte-15pcv1c.svelte-15pcv1c{font-size:.6rem;padding:.15rem .45rem;border-radius:10px;color:#fff;white-space:nowrap}.part-badge-inline.svelte-15pcv1c.svelte-15pcv1c{font-size:.6rem;padding:.15rem .4rem;background:#6366f14d;border-radius:4px;color:var(--text, #fff)}.row-preview.svelte-15pcv1c.svelte-15pcv1c{flex:1;min-width:0;overflow-x:auto;overflow-y:hidden}.prog-description.svelte-15pcv1c.svelte-15pcv1c{font-size:.75rem;color:var(--text, #fff);opacity:.65;margin:0 0 .35rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags-row.svelte-15pcv1c.svelte-15pcv1c{display:flex;flex-wrap:wrap;gap:.25rem}.tag.svelte-15pcv1c.svelte-15pcv1c{font-size:.6rem;padding:.1rem .35rem;background:var(--background, #1a1a1a);border-radius:4px;color:var(--text, #fff);opacity:.5}.no-results.svelte-15pcv1c.svelte-15pcv1c{text-align:center;padding:3rem;color:var(--text, #fff);opacity:.6;width:100%}.no-results-icon.svelte-15pcv1c.svelte-15pcv1c{font-size:3rem;display:block;margin-bottom:1rem}.no-results.svelte-15pcv1c .hint.svelte-15pcv1c{font-size:.85rem;opacity:.6}.modal-footer.svelte-15pcv1c.svelte-15pcv1c{display:flex;justify-content:flex-end;gap:1rem;padding:1rem 1.5rem;border-top:1px solid var(--border, #333);background:var(--panel, #1e1e1e)}.cancel-btn.svelte-15pcv1c.svelte-15pcv1c,.apply-btn.svelte-15pcv1c.svelte-15pcv1c{padding:.75rem 1.5rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s}.cancel-btn.svelte-15pcv1c.svelte-15pcv1c{background:var(--surface, #1a1a1a);border:1px solid var(--border, #333);color:var(--text, #fff)}.cancel-btn.svelte-15pcv1c.svelte-15pcv1c:hover{background:var(--border, #333)}.apply-btn.svelte-15pcv1c.svelte-15pcv1c{background:var(--primary, #22c55e);border:none;color:#fff}.apply-btn.svelte-15pcv1c.svelte-15pcv1c:hover:not(:disabled){filter:brightness(1.1)}.apply-btn.svelte-15pcv1c.svelte-15pcv1c:disabled{opacity:.5;cursor:not-allowed}.progressions-list.svelte-15pcv1c.svelte-15pcv1c::-webkit-scrollbar{width:8px}.progressions-list.svelte-15pcv1c.svelte-15pcv1c::-webkit-scrollbar-track{background:var(--background, #1a1a1a)}.progressions-list.svelte-15pcv1c.svelte-15pcv1c::-webkit-scrollbar-thumb{background:var(--border, #333);border-radius:4px}.progressions-list.svelte-15pcv1c.svelte-15pcv1c::-webkit-scrollbar-thumb:hover{background:var(--accent, #6366f1)}.maj-triangle{display:inline-block;font-size:.8em;line-height:1;vertical-align:baseline}.generator-section.svelte-10bvm0b.svelte-10bvm0b{padding:1em;margin:-25px 0 -17px}.generator-section.no-background.svelte-10bvm0b.svelte-10bvm0b{background:transparent;border:none}.chord-selection-area.svelte-10bvm0b.svelte-10bvm0b{position:relative}.chords.svelte-10bvm0b.svelte-10bvm0b{display:flex;align-items:center;gap:.5em;justify-content:center}.chord-container.svelte-10bvm0b.svelte-10bvm0b{display:flex;flex-direction:column;align-items:center;gap:.05em}.roman-numeral.svelte-10bvm0b.svelte-10bvm0b{font-size:1.6em;font-weight:700;color:#666;text-align:center;min-height:1.6em;display:flex;align-items:center;justify-content:center}.roman-numeral-magic.svelte-10bvm0b.svelte-10bvm0b{font-size:1.6em;font-weight:700;text-align:center;min-height:1.6em;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.roman-numeral-magic.svelte-10bvm0b.svelte-10bvm0b:hover{color:#ff6b6b!important}.roman-numeral-custom.svelte-10bvm0b.svelte-10bvm0b{font-size:1.6em;font-weight:700;text-align:center;min-height:1.6em;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.roman-numeral-custom.svelte-10bvm0b.svelte-10bvm0b:hover{color:#22c55e!important}.info-btn.svelte-10bvm0b.svelte-10bvm0b{background:var(--surface)!important;color:#aaa!important;padding:.3em .6em!important;border-radius:8px!important;margin-left:.5em!important;min-width:32px!important;height:32px!important;font-size:.85em!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important}.info-btn.svelte-10bvm0b.svelte-10bvm0b:hover{background:var(--surface)!important;color:#fff!important;border-color:#666!important}.config-btn.svelte-10bvm0b.svelte-10bvm0b{background:var(--surface)!important;color:#aaa!important;padding:.3em .6em!important;border-radius:8px!important;margin-left:.3em!important;min-width:auto!important;font-size:.75em!important;height:32px!important;flex-shrink:0!important;white-space:nowrap!important}.config-btn.svelte-10bvm0b.svelte-10bvm0b:hover{color:#fff!important;border-color:#666!important}.config-btn.active.svelte-10bvm0b.svelte-10bvm0b{background:var(--primary)!important;color:#fff!important}.custom-chord-container.svelte-10bvm0b.svelte-10bvm0b{position:relative}.custom-dropdown.svelte-10bvm0b.svelte-10bvm0b{position:absolute;top:100%;left:50%;transform:translate(-50%);background:var(--panel, #1e1e1e);border:2px solid var(--border, #333);border-radius:12px;padding:.75rem;z-index:1000;min-width:200px;box-shadow:0 8px 24px #0006;margin-top:.5rem}.dropdown-header.svelte-10bvm0b.svelte-10bvm0b{font-size:.7rem;font-weight:600;color:var(--text, #fff);opacity:.6;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.05em}.dropdown-grid.svelte-10bvm0b.svelte-10bvm0b{display:grid;grid-template-columns:repeat(4,1fr);gap:.3rem;margin-bottom:.75rem}.minor-toggle-row.svelte-10bvm0b.svelte-10bvm0b{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--border, #333)}.toggle-label.svelte-10bvm0b.svelte-10bvm0b{font-size:.75rem;font-weight:600;color:var(--text, #fff);opacity:.7}.quality-btn.svelte-10bvm0b.svelte-10bvm0b{flex:1;padding:.4rem .6rem;background:var(--surface, #1a1a1a);border:1px solid var(--border, #333);border-radius:6px;color:var(--text, #fff);font-size:.8rem;font-weight:600;cursor:pointer;transition:all .15s}.quality-btn.svelte-10bvm0b.svelte-10bvm0b:hover{background:var(--accent, #6366f1);border-color:var(--accent, #6366f1)}.quality-btn.active.svelte-10bvm0b.svelte-10bvm0b{background:#22c55e;border-color:#22c55e;color:#fff}.dropdown-note-btn.svelte-10bvm0b.svelte-10bvm0b{padding:.5rem .3rem;background:var(--surface, #1a1a1a);border:1px solid var(--border, #333);border-radius:6px;color:var(--text, #fff);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .15s;text-align:center}.dropdown-note-btn.svelte-10bvm0b.svelte-10bvm0b:hover{background:var(--accent, #6366f1);border-color:var(--accent, #6366f1);transform:scale(1.05)}.dropdown-note-btn.selected.svelte-10bvm0b.svelte-10bvm0b{background:#22c55e;border-color:#22c55e;color:#fff}.magic-probability.svelte-10bvm0b.svelte-10bvm0b{font-size:.75em;font-weight:700;color:#ff6b6b;text-align:center;min-height:1em;margin-top:.3em;opacity:.9}.chord-button.svelte-10bvm0b.svelte-10bvm0b{min-width:2.8em;padding:.45em .6em;font-size:.9em;font-weight:700;cursor:pointer;border-radius:8px;border:2px solid transparent;transition:all .2s}.variants.svelte-10bvm0b .chord-button.svelte-10bvm0b{min-width:2.2em;padding:.35em .5em;font-size:.8em}.root-note-inactive.svelte-10bvm0b.svelte-10bvm0b{background:var(--surface);color:#666;cursor:not-allowed;opacity:.6}.root-note-available.svelte-10bvm0b.svelte-10bvm0b{background:#4a90e2;color:#fff}.root-note-available.svelte-10bvm0b.svelte-10bvm0b:hover{background:#5ba0f2;transform:translateY(-2px)}.root-note-selected.svelte-10bvm0b.svelte-10bvm0b{background:var(--primary);color:#fff;border-color:var(--primary)}.mt-16.svelte-10bvm0b.svelte-10bvm0b{margin-top:.5em}.variants.svelte-10bvm0b.svelte-10bvm0b{display:flex;flex-wrap:wrap;gap:.5em;justify-content:center;max-width:800px}.navigation-highlight-rootchord.svelte-10bvm0b.svelte-10bvm0b,.navigation-highlight-variation.svelte-10bvm0b.svelte-10bvm0b{border:2px solid #fff!important;box-shadow:inset 0 0 0 2px #000c!important;z-index:10!important}.configurator-panel.svelte-10bvm0b.svelte-10bvm0b{background:var(--panel, #1e1e1e);border:1px solid var(--border, #333);border-radius:12px;padding:1rem 1.5rem;margin-top:.75rem;max-width:600px;margin-left:auto;margin-right:auto}.config-header.svelte-10bvm0b.svelte-10bvm0b{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.5rem;border-bottom:1px solid var(--border, #333)}.config-title.svelte-10bvm0b.svelte-10bvm0b{font-size:.9rem;font-weight:600;color:var(--text, #fff)}.config-reset-btn.svelte-10bvm0b.svelte-10bvm0b{padding:.3rem .6rem;background:var(--surface, #1a1a1a);border:1px solid var(--border, #444);border-radius:6px;color:var(--text, #fff);font-size:.75rem;cursor:pointer;transition:all .15s}.config-reset-btn.svelte-10bvm0b.svelte-10bvm0b:hover{background:var(--accent, #6366f1);border-color:var(--accent, #6366f1)}.config-sliders.svelte-10bvm0b.svelte-10bvm0b{display:flex;flex-direction:column;gap:.75rem}.config-slider-group.svelte-10bvm0b.svelte-10bvm0b{width:100%}.config-slider-group.svelte-10bvm0b label.svelte-10bvm0b{display:flex;flex-direction:column;gap:.3rem}.config-slider-label.svelte-10bvm0b.svelte-10bvm0b{display:flex;justify-content:space-between;align-items:center;color:var(--text, #fff);font-size:.8rem}.config-slider-label.svelte-10bvm0b strong.svelte-10bvm0b{color:var(--primary, #22c55e)}.config-hint.svelte-10bvm0b.svelte-10bvm0b{font-size:.65rem;opacity:.5;font-style:italic}.config-slider-group.svelte-10bvm0b input[type=range].svelte-10bvm0b{width:100%;height:6px;background:var(--border, #333);border-radius:3px;appearance:none;cursor:pointer}.config-slider-group.svelte-10bvm0b input[type=range].svelte-10bvm0b::-webkit-slider-thumb{appearance:none;width:16px;height:16px;background:var(--accent, #6366f1);border-radius:50%;cursor:pointer;transition:transform .2s}.config-slider-group.svelte-10bvm0b input[type=range].svelte-10bvm0b::-webkit-slider-thumb:hover{transform:scale(1.2)}@media (max-width: 767px){.generator-section.svelte-10bvm0b.svelte-10bvm0b{margin-top:0!important;margin-bottom:-40px!important;padding:.3em!important}.chords-wrapper.svelte-10bvm0b.svelte-10bvm0b{justify-content:flex-start!important;width:100%!important}.chords.svelte-10bvm0b.svelte-10bvm0b{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;justify-content:flex-start!important;width:100%!important;padding:0 0 4px!important;gap:4px!important;scrollbar-width:none!important}.chords.svelte-10bvm0b.svelte-10bvm0b::-webkit-scrollbar{display:none!important}.chord-container.svelte-10bvm0b.svelte-10bvm0b{flex:0 0 auto!important;min-width:auto!important}.roman-numeral.svelte-10bvm0b.svelte-10bvm0b,.roman-numeral-magic.svelte-10bvm0b.svelte-10bvm0b,.roman-numeral-custom.svelte-10bvm0b.svelte-10bvm0b{font-size:1.4em!important;min-height:1.4em!important;padding:2px!important}.chord-button.svelte-10bvm0b.svelte-10bvm0b{min-width:42px!important;padding:.45em .5em!important;font-size:.85em!important;flex-shrink:0!important}.variants.svelte-10bvm0b.svelte-10bvm0b{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start!important;max-width:100%;padding-bottom:4px;gap:4px!important}.variants.svelte-10bvm0b.svelte-10bvm0b::-webkit-scrollbar{display:none}.variants.svelte-10bvm0b .chord-button.svelte-10bvm0b{flex-shrink:0!important;min-width:36px!important}.magic-probability.svelte-10bvm0b.svelte-10bvm0b{font-size:.55em}.info-btn.svelte-10bvm0b.svelte-10bvm0b,.config-btn.svelte-10bvm0b.svelte-10bvm0b{min-width:28px!important;height:28px!important;padding:.2em .4em!important;font-size:.75em!important}.configurator-panel.svelte-10bvm0b.svelte-10bvm0b{max-width:100%;padding:.6rem .8rem;margin:.5rem 0}.config-header.svelte-10bvm0b.svelte-10bvm0b{flex-wrap:wrap;gap:6px}.config-title.svelte-10bvm0b.svelte-10bvm0b{font-size:.8rem}.config-slider-label.svelte-10bvm0b.svelte-10bvm0b{font-size:.7rem;flex-wrap:wrap;gap:3px}.config-hint.svelte-10bvm0b.svelte-10bvm0b{font-size:.55rem}.custom-dropdown.svelte-10bvm0b.svelte-10bvm0b{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);min-width:260px;max-width:calc(100vw - 24px);max-height:80vh;overflow-y:auto;z-index:1100}.dropdown-grid.svelte-10bvm0b.svelte-10bvm0b{grid-template-columns:repeat(4,1fr);gap:5px}.dropdown-note-btn.svelte-10bvm0b.svelte-10bvm0b{padding:8px 5px;font-size:.85rem;min-height:40px}.quality-btn.svelte-10bvm0b.svelte-10bvm0b{padding:8px 6px;min-height:40px}}@media (max-width: 420px){.variants.svelte-10bvm0b .chord-button.svelte-10bvm0b{min-width:1.8em!important;padding:.25em .4em!important;font-size:.7em!important}.variants.svelte-10bvm0b.svelte-10bvm0b{gap:.3em!important}}@media (hover: none) and (pointer: coarse) and (min-width: 481px){.chord-button.svelte-10bvm0b.svelte-10bvm0b{min-height:38px}.roman-numeral.svelte-10bvm0b.svelte-10bvm0b,.roman-numeral-magic.svelte-10bvm0b.svelte-10bvm0b,.roman-numeral-custom.svelte-10bvm0b.svelte-10bvm0b{padding:6px;min-width:28px}.config-slider-group.svelte-10bvm0b input[type=range].svelte-10bvm0b::-webkit-slider-thumb{width:20px;height:20px}}@media (hover: none) and (pointer: coarse){.chord-button.svelte-10bvm0b.svelte-10bvm0b:active{transform:scale(.95);opacity:.9}.dropdown-note-btn.svelte-10bvm0b.svelte-10bvm0b:active,.quality-btn.svelte-10bvm0b.svelte-10bvm0b:active{transform:scale(.95)}}.bar-grid-wrapper.svelte-1h9n87g.svelte-1h9n87g{display:flex;flex-direction:column;gap:.15em;margin-bottom:1em;align-items:center;width:100%}.bars-and-controls-container.svelte-1h9n87g.svelte-1h9n87g{display:flex;flex-direction:column;gap:5px;width:auto;max-width:100%}.bars.svelte-1h9n87g.svelte-1h9n87g{display:flex!important;flex-direction:row!important;gap:.75em;overflow-x:auto!important;-webkit-overflow-scrolling:touch;padding:.25em 0 0;align-items:stretch;flex-wrap:nowrap!important;align-content:flex-start;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.3) transparent}.bars.svelte-1h9n87g.svelte-1h9n87g::-webkit-scrollbar{height:6px}.bars.svelte-1h9n87g.svelte-1h9n87g::-webkit-scrollbar-track{background:transparent}.bars.svelte-1h9n87g.svelte-1h9n87g::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:3px}.bar-container.svelte-1h9n87g.svelte-1h9n87g{width:200px;min-width:160px;max-width:200px;height:110px;background:transparent;border:1px dashed var(--border, #333333);border-radius:8px;position:relative;flex-shrink:0}.controls-row.svelte-1h9n87g.svelte-1h9n87g{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:.5em;margin-top:-18px;width:100%;max-width:100%;padding:2px 0;overflow:visible}.note-length-controls.svelte-1h9n87g.svelte-1h9n87g{display:flex;gap:.3em;align-items:center;flex-wrap:nowrap;flex-shrink:0;margin-left:8px}.note-length-button.svelte-1h9n87g.svelte-1h9n87g{width:32px;height:28px;min-width:32px;min-height:28px;border-radius:4px;background:transparent;color:#555;border:1px solid #444;font-size:.75em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s,color .2s;flex-shrink:0;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none;position:relative}.note-length-button.svelte-1h9n87g.svelte-1h9n87g:before{content:"";position:absolute;inset:-8px -4px}.note-length-button.svelte-1h9n87g.svelte-1h9n87g:hover{border-color:#888;color:#888;background:#ffffff08}.note-length-button.selected.svelte-1h9n87g.svelte-1h9n87g{background:transparent!important;color:#fff!important;border:1px solid #fff!important}.bar-count-controls.svelte-1h9n87g.svelte-1h9n87g{display:flex;gap:.4em;align-items:center;flex-shrink:0;margin-right:10px}.bar-count-btn.svelte-1h9n87g.svelte-1h9n87g{width:28px;height:28px;min-width:28px;min-height:28px;border-radius:50%;background:transparent;color:#555;border:1px solid #444;font-size:1em;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .2s,background .2s,color .2s;flex-shrink:0;padding:0}.bar-count-btn.svelte-1h9n87g.svelte-1h9n87g:hover:not(.disabled){border-color:#fff;color:#fff;background:#ffffff0d}.bar-count-btn.disabled.svelte-1h9n87g.svelte-1h9n87g{color:#333;border-color:#333;cursor:not-allowed;opacity:.5}.bar-count-number.svelte-1h9n87g.svelte-1h9n87g{font-size:.9em;color:#555;min-width:1.5em;text-align:center}.navigation-highlight-bar.svelte-1h9n87g.svelte-1h9n87g{border:2px solid #fff!important;box-shadow:inset 0 0 0 2px #000c!important;z-index:10!important}.bar-title.svelte-1h9n87g.svelte-1h9n87g{position:absolute;top:4px;left:50%;transform:translate(-50%);font-size:.9em;font-weight:700;color:#888;text-align:center;pointer-events:none}.bar-content.svelte-1h9n87g.svelte-1h9n87g{position:absolute;top:28px;left:8px;right:8px;height:60px;cursor:pointer;border-radius:6px;transition:all .2s}.bar-content.svelte-1h9n87g.svelte-1h9n87g:hover{background:#2196f30d}.chord-block.svelte-1h9n87g.svelte-1h9n87g{transition:all .2s}.chord-block.svelte-1h9n87g.svelte-1h9n87g:hover{transform:scale(1.02)}.chord-block.svelte-1h9n87g:hover .resize-handle.svelte-1h9n87g{opacity:1}.chord-block.selected.svelte-1h9n87g.svelte-1h9n87g{border-color:#fff!important}.resize-handle.svelte-1h9n87g.svelte-1h9n87g{opacity:0;transition:opacity .2s}.resize-handle.svelte-1h9n87g.svelte-1h9n87g:hover{opacity:1!important;background:#ffffffb3!important}.resize-handle-middle.svelte-1h9n87g.svelte-1h9n87g{opacity:.5}.resize-handle-middle.svelte-1h9n87g.svelte-1h9n87g:hover{opacity:1!important;background:#fffc!important}.chord-block.empty.svelte-1h9n87g.svelte-1h9n87g{background:#00000008}.chord-block.full-note.svelte-1h9n87g.svelte-1h9n87g{min-width:0;padding:0 4px}.chord-block.seven-eighth-note.svelte-1h9n87g.svelte-1h9n87g,.chord-block.three-quarter-note.svelte-1h9n87g.svelte-1h9n87g{min-width:0;padding:0 3px}.chord-block.half-note.svelte-1h9n87g.svelte-1h9n87g{min-width:0;padding:0 2px}.chord-block.quarter-note.svelte-1h9n87g.svelte-1h9n87g{min-width:0;padding:0 1px}.chord-block.eighth-note.svelte-1h9n87g.svelte-1h9n87g{min-width:0;padding:0}.chord-content-col.svelte-1h9n87g.svelte-1h9n87g{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;gap:2px;overflow:hidden}.roman-top.svelte-1h9n87g.svelte-1h9n87g{font-size:1.6em;font-weight:900;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:clip}.chord-text-below.svelte-1h9n87g.svelte-1h9n87g{font-size:.9em;font-weight:700;color:#000;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:clip}.chord-text-below.chord-small.svelte-1h9n87g.svelte-1h9n87g{font-size:.7em}.placeholder-plus.svelte-1h9n87g.svelte-1h9n87g{color:#888;font-weight:700}@media (max-width: 767px){.bar-grid-wrapper.svelte-1h9n87g.svelte-1h9n87g{align-items:stretch!important;width:100%!important;gap:0!important;margin-bottom:0!important;padding:0!important}.bars-and-controls-container.svelte-1h9n87g.svelte-1h9n87g{width:100%!important;max-width:100%!important;gap:0!important;margin-bottom:0!important}.bars.svelte-1h9n87g.svelte-1h9n87g{display:flex!important;gap:0!important;padding:0!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;scrollbar-width:none}.bars.svelte-1h9n87g.svelte-1h9n87g::-webkit-scrollbar{display:none}.bar-container.svelte-1h9n87g.svelte-1h9n87g{flex:1 1 0!important;min-width:70px!important;max-width:none!important;width:auto!important;height:85px!important;border-radius:0!important;border:none!important;background:transparent!important}.bar-container.svelte-1h9n87g.svelte-1h9n87g:first-child{border:none!important;border-radius:0!important}.bar-container.svelte-1h9n87g.svelte-1h9n87g:last-child{border:none!important;border-radius:0!important}.bar-title.svelte-1h9n87g.svelte-1h9n87g{font-size:.7em!important;padding:2px 0!important}.bar-content.svelte-1h9n87g.svelte-1h9n87g{top:18px!important;left:2px!important;right:2px!important;height:50px!important}.chord-block.svelte-1h9n87g.svelte-1h9n87g{height:50px!important;border-radius:4px!important}.roman-top.svelte-1h9n87g.svelte-1h9n87g{font-size:1em!important}.chord-text-below.svelte-1h9n87g.svelte-1h9n87g{font-size:.75em!important}.controls-row.svelte-1h9n87g.svelte-1h9n87g{margin-top:-18px!important;margin-bottom:0!important;padding:0 4px!important;gap:4px!important}.note-length-controls.svelte-1h9n87g.svelte-1h9n87g{gap:2px!important}.note-length-button.svelte-1h9n87g.svelte-1h9n87g{min-width:28px!important;height:24px!important;font-size:.7em!important}.bar-count-btn.svelte-1h9n87g.svelte-1h9n87g{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;font-size:.9em!important}.bar-count-number.svelte-1h9n87g.svelte-1h9n87g{font-size:.85em!important}}@media (hover: none) and (pointer: coarse) and (min-width: 421px){.chord-block.svelte-1h9n87g.svelte-1h9n87g:hover{transform:none}.chord-block.svelte-1h9n87g.svelte-1h9n87g:active{transform:scale(.98)}.resize-handle.svelte-1h9n87g.svelte-1h9n87g{opacity:.5}.resize-handle-middle.svelte-1h9n87g.svelte-1h9n87g{opacity:.7}.note-length-button.svelte-1h9n87g.svelte-1h9n87g{min-width:32px!important;min-height:28px!important}.bar-count-btn.svelte-1h9n87g.svelte-1h9n87g{min-width:32px!important;min-height:32px!important}}@media (hover: none) and (pointer: coarse) and (max-width: 420px){.chord-block.svelte-1h9n87g.svelte-1h9n87g:active{transform:scale(.98)}.resize-handle.svelte-1h9n87g.svelte-1h9n87g{opacity:.5}}:root{--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--touch-target-min: 44px;--touch-target-comfortable: 48px;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--container-padding: 24px;--track-row-height: 42px}@media (max-width: 767px){:root{--container-padding: 12px;--track-row-height: 42px}:global(body){padding:0!important;margin:0!important}.app-container{padding:0!important;margin:0!important;border-radius:0!important;height:100vh!important;max-width:100%!important;overflow:visible!important}.section-container{padding-left:8px!important;padding-right:8px!important;margin-bottom:8px!important}.sticky-header .section-container{margin-bottom:0!important;padding-bottom:0!important}.scrollable-content{padding:0 0 8px!important}.header-controls-row,[style*="display:flex"][style*="justify-content:space-between"][style*="margin-bottom:12px"]{flex-wrap:wrap!important;gap:12px!important;padding-left:8px!important;padding-right:8px!important;margin-bottom:8px!important}.header-controls-row>div:first-child,[style*="display:flex"][style*="gap:0.8em"]{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important;gap:8px!important;padding-bottom:4px!important;width:100%!important;max-width:calc(100vw - 32px)!important}.header-controls-row>div:first-child::-webkit-scrollbar,[style*="display:flex"][style*="gap:0.8em"]::-webkit-scrollbar{display:none!important}.header-controls-row select,.key-button{min-width:auto!important;padding:.5em .7em!important;flex-shrink:0!important}.key-button{min-width:50px!important;padding:.5em .8em!important}.bpm-container{flex-shrink:0!important}.bpm-select,.bpm-input{min-width:65px!important;flex-shrink:0!important}.header-controls-row>div:last-child,[style*="display:flex"][style*="align-items:center"][style*="gap:12px"]{margin-left:auto!important;flex-shrink:0!important}[style*="display:flex"][style*="gap:0.2em"][style*="flex-wrap:wrap"][style*="align-items:center"]{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;-ms-overflow-style:none!important;padding-bottom:8px!important;gap:8px!important;max-width:100%!important}[style*="display:flex"][style*="gap:0.2em"][style*="flex-wrap:wrap"][style*="align-items:center"]::-webkit-scrollbar{display:none!important}.input-small,input.input-small{min-width:70px!important;max-width:100px!important;flex-shrink:0!important}.dropdown-arrow,.dropdown-container,[style*="min-width:42px"][style*="height:42px"][style*="font-size:1.2em"],.library-btn{flex-shrink:0!important}.progression-dropdown{position:fixed!important;top:140px!important;left:8px!important;right:8px!important;width:calc(100vw - 16px)!important;min-width:auto!important;max-width:none!important;max-height:50vh!important;transform:none!important;z-index:10000!important;background:var(--panel, #222222)!important;border:2px solid var(--border, #444)!important;border-radius:8px!important;box-shadow:0 8px 24px #0006!important}.track-row{flex-wrap:nowrap!important;height:42px!important;min-height:42px!important;max-height:42px!important;padding:0!important;overflow:hidden!important;width:100%!important;max-width:100%!important}.tab-item{min-width:80px!important;flex-shrink:0!important}.track-controls{flex-wrap:wrap!important;gap:6px!important;padding:8px!important;width:100%!important;height:auto!important;justify-content:flex-start!important}.mixer-control-btn,.volume-knob-wrapper,.track-octave,.track-instrument,.track-preset,.track-preset-button,.track-instrument-compact{flex-shrink:0!important}.track-preset-button{min-width:120px!important;max-width:140px!important;flex:1 1 auto!important}.track-instrument-compact{min-width:75px!important}.rhythm-header-controls{width:100%!important;margin-left:0!important;margin-top:8px!important;padding-top:8px!important;border-top:1px solid var(--border, #333)!important;justify-content:flex-end!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important}.rhythm-header-controls::-webkit-scrollbar{display:none!important}.rhythm-toggle-btn,.variant-cycle-btn,.accomp-toggle-btn,.accomp-dice-btn,.expand-collapse-btn,.track-vl-btn,.icon-dropdown-trigger{flex-shrink:0!important}.icon-dropdown-menu-fixed{min-width:160px!important}.global-controls-row{padding-right:8px!important}.global-buttons{gap:6px!important}.global-btn{flex-shrink:0!important}.generator-details-panel{padding:0!important;width:100%!important;display:block!important;visibility:visible!important}.generator-details-panel .generator-controls{grid-template-columns:1fr!important;gap:4px!important;padding:4px!important;width:100%!important;box-sizing:border-box!important}.generator-details-panel .note-display-section{margin:4px!important;width:100%!important;box-sizing:border-box!important}.generator-details-panel .content-layout{padding:4px!important;width:100%!important;box-sizing:border-box!important}.generator-details-panel .chord-editor{width:100%!important;box-sizing:border-box!important;display:block!important;visibility:visible!important}.generator-details-panel .timeline-header{display:block!important;visibility:visible!important;width:100%!important}.generator-details-panel .bars-container-fluid{display:block!important;visibility:visible!important;width:100%!important;min-height:60px!important}.control-row{flex-direction:row!important;gap:8px!important;align-items:center!important;flex-wrap:wrap!important;overflow-x:auto!important;width:100%!important;box-sizing:border-box!important}.control-group{width:auto!important;justify-content:flex-start!important;flex-wrap:wrap!important}.type-group,.inversion-group,.options-group{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding-bottom:4px!important}.type-group::-webkit-scrollbar,.inversion-group::-webkit-scrollbar,.options-group::-webkit-scrollbar{display:none!important}.chord-btn{min-width:36px!important;height:32px!important;padding:.3em .5em!important;font-size:.75em!important;flex-shrink:0!important}.control-label,span.control-label{width:auto!important;min-width:auto!important;max-width:none!important;margin-right:8px!important}.octave-group{justify-content:flex-start!important}.octave-spacer{display:none!important}.chord-controls{padding:8px!important}.bars-container,.bars-container-fluid{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding-bottom:8px!important;margin-bottom:16px!important}.bars-container::-webkit-scrollbar,.bars-container-fluid::-webkit-scrollbar{display:none!important}.keyboard-container-wrapper{max-width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.chords,.variants{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;justify-content:flex-start!important;padding-bottom:4px!important;gap:4px!important}.chords::-webkit-scrollbar,.variants::-webkit-scrollbar{display:none!important}.chord-button{flex-shrink:0!important}.menu-container .dropdown{right:0!important;left:auto!important;min-width:200px!important;max-width:calc(100vw - 32px)!important}.dropdown button{padding:12px 16px!important;font-size:1em!important;min-height:44px!important}.info-box{max-width:calc(100vw - 32px)!important;max-height:calc(100vh - 64px)!important;overflow-y:auto!important;padding:16px!important;margin:16px!important}[class*=modal],[class*=Modal]{max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 48px)!important;overflow:auto!important}.progressions-grid{grid-template-columns:1fr!important;gap:12px!important}.progression-card{padding:12px!important}[class*=accompaniment],[class*=Accompaniment]{flex-direction:column!important;gap:8px!important}.pattern-display,[class*=pattern-display]{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}h1{font-size:1.75rem!important;margin-bottom:16px!important}h2{font-size:1.5rem!important}h3{font-size:1.25rem!important;padding-bottom:6px!important;margin-bottom:12px!important}h4{font-size:1.1rem!important}.hide-mobile{display:none!important}.show-mobile{display:block!important}.scroll-x-mobile{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important}.scroll-x-mobile::-webkit-scrollbar{display:none!important}}@media (max-width: 420px){.app-container{padding:8px 4px!important}.panel-bg{padding:.75em .5em!important}}@media (max-width: 375px){.app-container{padding:8px 2px!important}.panel-bg{padding:.5em .25em!important}}@media (min-width: 768px) and (max-width: 1023px){:root{--container-padding: 16px}:global(body){padding:12px!important}.app-container{padding:16px!important;margin:0 auto!important;max-width:100%!important}.header-controls-row select{min-width:100px!important;font-size:1em!important}.track-controls{gap:.6em!important}.track-preset-button{min-width:140px!important}.generator-details-panel .generator-controls,.progressions-grid{grid-template-columns:repeat(2,1fr)!important}}@media (min-width: 1024px){.hide-desktop{display:none!important}.show-desktop{display:block!important}}@media (min-width: 1440px){.app-container{max-width:1400px!important}.section-container{max-width:1300px!important}}@media (hover: none) and (pointer: coarse) and (min-width: 481px){button,select,input[type=checkbox],.tab-item,.dropdown-item,.icon-dropdown-trigger,.icon-dropdown-item,.key-button,.rhythm-toggle-btn,.variant-cycle-btn,.accomp-toggle-btn,.mixer-control-btn,.global-btn,.library-btn,.expand-collapse-btn{min-height:44px;min-width:44px}input,textarea{min-height:44px;font-size:16px!important}select{font-size:16px!important}.close-button,[class*=close],[aria-label=Close]{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}input[type=checkbox],input[type=radio]{width:24px;height:24px;margin-right:8px}label:has(input[type=checkbox]),label:has(input[type=radio]){padding:10px 0;display:flex;align-items:center;gap:8px}input[type=range]::-webkit-slider-thumb{width:24px!important;height:24px!important}input[type=range]::-moz-range-thumb{width:24px!important;height:24px!important}.bar-cell{min-height:44px}.dropdown-note-btn,.quality-btn{min-height:44px;min-width:44px}.config-slider-group input[type=range]{height:32px}.track-controls{gap:8px!important}}@media (hover: none) and (pointer: coarse){button:hover,select:hover,.chord-button:hover,.tab-item:hover{transform:none!important}button:active,select:active,.chord-button:active,.tab-item:active{opacity:.8;transform:scale(.98)}button,.chord-button,.tab-item{-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}}@media (max-height: 500px) and (orientation: landscape){:global(body){padding:4px!important}.app-container{padding:8px!important;height:calc(100vh - 8px)!important}.track-row{height:42px!important;min-height:42px!important;max-height:42px!important;padding:0!important}.tab-item{height:32px!important}.track-controls{padding:4px 8px!important}h1{display:none!important}}@media print{:global(body){background:#fff!important;color:#000!important;padding:0!important}.app-container{background:#fff!important;box-shadow:none!important;border:none!important;height:auto!important;overflow:visible!important}.sticky-header,.track-controls,.rhythm-header-controls,.global-controls-row,.burger-button,.menu-container,button{display:none!important}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@supports (-webkit-touch-callout: none){.app-container{height:-webkit-fill-available}.scrollable-content{-webkit-overflow-scrolling:touch}}@-moz-document url-prefix(){.scrollable-content,.scroll-x-mobile{scrollbar-width:thin;scrollbar-color:rgba(160,160,160,.5) transparent}}@supports (-ms-accelerator: true){.scroll-x-mobile{-ms-overflow-style:none}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a0a0a066;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a0a0a099}@media (max-width: 767px){::-webkit-scrollbar{width:0;height:0}}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#1a1a1a!important;margin:0!important;padding:0!important}#app{width:100%;height:100vh;margin:0;padding:0}:root{--background: #121212;--surface: #1a1a1a;--panel: #222222;--surface-hover: #2a2a2a;--border: #333333;--border-subtle: #1e1e1e;--text: #e8e8e8;--text-muted: #888888;--textInverse: #ffffff;--accent: #f5a623;--secondary: #888888;--info: #4a90e2;--primary: #22c55e}:global(body){background:var(--background);color:var(--text);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin:0;padding:20px;height:100vh;overflow:hidden}:global(*){box-sizing:border-box}.app-container{max-width:1400px;margin:0 auto;background:var(--surface, #1a1a1a);border-radius:16px;padding:24px;box-shadow:0 8px 32px #00000080;backdrop-filter:blur(10px);border:1px solid var(--border, #333333);height:calc(100vh - 40px);overflow-y:auto}h1,h2,h3,h4,h5,h6{color:var(--text, #e8e8e8);margin:0 0 16px;font-weight:600;text-shadow:0 2px 4px rgba(0,0,0,.3)}h1{font-size:2.5rem;background:linear-gradient(45deg,var(--text, #e8e8e8),#888888);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:32px}h3{font-size:1.5rem;color:var(--text, #e8e8e8);border-bottom:2px solid var(--border, #333333);padding-bottom:8px;margin-bottom:20px}button{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:12px 20px;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:background .2s ease,border-color .2s ease,transform .1s ease;box-shadow:none;letter-spacing:.5px}button:hover{background:var(--surface-hover, #2a2a2a);border-color:var(--border, #333333);transform:translateY(-1px)}button:active{transform:translateY(0)}.create-song-btn,.create-bridge-btn,.create-part-btn{background:var(--surface);box-shadow:none;border:1px solid var(--border)}.create-song-btn:hover,.create-bridge-btn:hover,.create-part-btn:hover{background:var(--surface-hover, #333333);box-shadow:none}input,select,textarea{background:var(--surface, #1a1a1a);border:2px solid var(--border, #333333);color:var(--text, #e8e8e8);padding:12px 16px;border-radius:8px;font-size:14px;transition:all .3s ease;backdrop-filter:blur(5px)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent, #f5a623);background:var(--panel, #222222);box-shadow:0 0 0 3px #f5a62333}input::placeholder,textarea::placeholder{color:var(--text-muted, #888888)}label{color:var(--text, #e8e8e8);font-weight:500;margin-bottom:8px;display:block}.chords,.variants{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.arrangement-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-start}.chord-button{background:var(--surface);color:var(--text);border:1px solid var(--border);padding:12px 16px;border-radius:8px;cursor:pointer;font-weight:600;font-size:16px;min-width:60px;text-align:center;box-shadow:none;transition:background .2s ease,border-color .2s ease,transform .1s ease}.chord-button:hover{background:var(--surface-hover, #333333);transform:translateY(-1px)}.chord-button.selected{background:var(--panel, #222222);color:var(--text, #e8e8e8);border:2px solid var(--border, #333333);box-shadow:0 4px 12px #00000080;transform:translateY(-2px)}.chord-button.selected:hover{background:var(--surface-hover, #333333);color:var(--text, #e8e8e8);box-shadow:0 6px 20px #00000080}.variant-button.selected-variant{background:linear-gradient(135deg,var(--accent, #4579ca) 0%,var(--accent, #4579ca) 100%);color:var(--textInverse, white);border:2px solid var(--accent, #60a5fa);box-shadow:0 3px 8px var(--accent, rgba(59, 130, 246, .4));transform:translateY(-1px)}.variant-button.selected-variant:hover{background:linear-gradient(135deg,var(--accent, #4579ca) 0%,#2563eb 100%);box-shadow:0 4px 12px var(--accent, rgba(59, 130, 246, .5))}.bar-container{width:220px;height:120px;background:linear-gradient(135deg,var(--surface, rgba(80, 80, 80, .8)) 0%,var(--surface, rgba(60, 60, 60, .6)) 100%);border:2px solid var(--border, rgba(120, 120, 120, .3));border-radius:12px;margin-bottom:20px;backdrop-filter:blur(10px);box-shadow:0 4px 16px #0000004d;transition:all .3s ease;overflow:hidden}.bar-container:hover{border-color:#a0a0a080;box-shadow:0 6px 24px #0006}.bar-grid{display:flex;height:100%;border-radius:10px;overflow:hidden}.bar-cell{flex:1;display:flex;align-items:center;justify-content:center;border-left:1px solid rgba(120,120,120,.3);font-size:14px;cursor:pointer;transition:all .3s ease;flex-direction:column;background:#f9d75f;color:#e8e8e8;font-weight:500}.bar-cell:first-child{border-left:none}.bar-cell:hover{background:#646464cc;transform:scale(1.02)}.bar-cell.selected{background:var(--background, #2a2a2a);border:2px solid var(--border, #2a2e36);box-shadow:0 0 0 2px #2a2a2a4d;transform:scale(1.05);color:var(--text, #e6e8eb)}.bar-cell.has-chord{background:linear-gradient(135deg,#22c55e,#16a34a);border:2px solid #34d399;box-shadow:0 0 0 2px #10b9814d;color:#fff}.bar-cell.has-chord:hover{background:linear-gradient(135deg,#16a34a 0% 100%);transform:scale(1.02)}.bar-label{font-weight:600;margin-bottom:4px;color:silver;font-size:12px;letter-spacing:.5px}.bar-grid-dropdown{margin-top:8px;font-size:12px;background:#505050cc;border:1px solid rgba(120,120,120,.3);color:#e8e8e8;padding:4px 8px;border-radius:4px}.section-buttons{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:20px 0}.section-buttons input.input-small{background:#505050cc;border:2px solid rgba(120,120,120,.3);color:#e8e8e8;padding:8px 12px;border-radius:6px;font-size:14px;font-weight:500;transition:all .3s ease;min-width:120px}.section-buttons input.input-small:focus{border-color:#a0a0a0;background:#5a5a5ae6;outline:none}.section-buttons input.input-small.selected-section{background:var(--background, #2a2a2a);border-color:var(--border, #2a2e36);color:var(--text, #e6e8eb)}.info-box{background:linear-gradient(135deg,#000000e6,#000c);border:2px solid #808080;padding:20px;border-radius:12px;margin:20px 0;backdrop-filter:blur(10px);color:#fff}.info-box h4{color:#fff;margin-top:0;font-size:18px}.suggestion-area{margin-top:20px;padding:20px;background:linear-gradient(135deg,#646464cc,#50505099);border:2px solid #909090;border-radius:12px;backdrop-filter:blur(10px)}.suggestion-buttons{display:flex;justify-content:space-between;margin-top:16px;gap:12px}.progressions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:20px;margin:20px 0}.progression-card{background:linear-gradient(135deg,#505050cc,#3c3c3c99);border:2px solid rgba(120,120,120,.3);padding:20px;border-radius:12px;backdrop-filter:blur(10px);transition:all .3s ease}.progression-card:hover{border-color:#a0a0a080;transform:translateY(-2px)}.progression-card h5{color:silver;margin-top:0;font-size:16px;font-weight:600}.progression-item{padding:12px;margin:8px 0;background:#5a5a5a99;border:1px solid rgba(130,130,130,.3);border-radius:8px;cursor:pointer;transition:all .3s ease}.progression-item:hover{background:#6e6e6ecc;border-color:#a0a0a0}.progression-item.selected{background:linear-gradient(135deg,#787878cc,#64646499);border-color:#a0a0a0;box-shadow:0 0 0 2px #a0a0a033}.generator-section{background:transparent;border:none;padding:24px;border-radius:0;margin:20px 0;backdrop-filter:none}input[type=checkbox]{width:18px;height:18px;accent-color:#a0a0a0;cursor:pointer;border:1px solid rgba(255,255,255,.2)!important}input[type=checkbox]:focus,input[type=checkbox]:focus-visible,input[type=checkbox]:checked{outline:none!important;border-color:#fff3!important;box-shadow:none!important}hr{border:none;height:2px;background:linear-gradient(90deg,transparent,rgba(160,160,160,.3),transparent);margin:32px 0}.status-message{padding:16px;border-radius:8px;margin:16px 0;font-weight:500}.status-success{background:linear-gradient(135deg,#647864cc,#50645099);border:2px solid #90a090;color:#d0e0d0}.status-error{background:linear-gradient(135deg,#786464cc,#64505099);border:2px solid #a09090;color:#e0d0d0}.status-warning{background:linear-gradient(135deg,#787864cc,#64645099);border:2px solid #a0a090;color:#e0e0d0}.status-info{background:linear-gradient(135deg,#646478cc,#50506499);border:2px solid #9090a0;color:#d0d0e0}@media (max-width: 768px){.app-container{padding:16px;margin:10px}.chords,.variants{gap:8px}.chord-button,.variant-button{padding:8px 12px;font-size:14px}.bar-container{width:100%;max-width:300px}.generator-controls{flex-direction:column;align-items:flex-start}.control-group{width:100%;justify-content:space-between}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#ffffff1a;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#a0a0a0,gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,gray,#606060)}.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.slide-in{animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}.text-center{text-align:center}.text-muted{color:#e8e8e899}.mb-16{margin-bottom:16px}.mt-16{margin-top:16px}.p-16{padding:16px}.rounded{border-radius:8px}.shadow{box-shadow:0 4px 16px #0003}.section-container{padding-left:24px;padding-right:24px;margin-bottom:12px}@media (max-width: 768px){.section-container{padding-left:16px;padding-right:16px;margin-bottom:8px}}.help-menu-btn{background:none;border:none;color:#222;font-size:1em;padding:.4em 0;text-align:left;cursor:pointer;width:100%;border-radius:4px;transition:background .15s}.help-menu-btn.selected,.help-menu-btn:focus{background:#e0e7ff;color:#2563eb;font-weight:600;outline:none}.help-menu-btn:hover{background:#f1f5f9}.generator-section.no-background{background:none;border:none;padding:0;margin:0;backdrop-filter:none}.generator-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.generator-header h3{margin:0;color:silver}.generator-controls{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin-bottom:16px}.control-group{display:flex;align-items:center;gap:8px}.root-note-inactive{background:linear-gradient(135deg,#20232b,#1a1d25)!important;color:#aeb4bc!important;border:1px solid var(--border)!important;box-shadow:0 2px 8px #00000059!important;transform:none!important}.root-note-inactive:hover{background:linear-gradient(135deg,#505050,#404040)!important;box-shadow:0 4px 12px #6060604d!important}.root-note-available{background:linear-gradient(135deg,#222631,#1d212a)!important;color:var(--text)!important;border:1px solid var(--border)!important;box-shadow:0 4px 10px #00000059!important;transform:translateY(-2px)!important}.root-note-available:hover{background:linear-gradient(135deg,#4579ca,#2563eb)!important;box-shadow:0 6px 20px #3b82f680!important}.root-note-selected{background:inherit!important;color:#fff!important;border:2px solid #ffffff!important;box-shadow:0 0 0 2px #ffffff26!important;transform:translateY(-2px)!important}.root-note-selected:hover{background:linear-gradient(135deg,#16a34a,#15803d)!important;box-shadow:0 6px 20px #22c55e80!important}.variant-button.variant-green:hover,.variant-button.variant-green.selected{background:linear-gradient(135deg,#22c55e,#16a34a)!important;box-shadow:0 6px 20px #22c55e80!important}.panel-bg{background:transparent}.lexicon-link{color:#667eea;text-decoration:underline;cursor:pointer;font-size:.95em;margin-left:1em;transition:color .2s}.lexicon-link:hover,.lexicon-link:focus{color:#4f46e5;text-decoration:underline}:global(html),:global(body){background:var(--surface, #1a1a1a)!important;color:var(--text, #e8e8e8)!important;margin:0!important;padding:0!important}.app-container{background:var(--background, #121212)!important;height:100vh;display:flex;flex-direction:column;overflow:hidden;margin:0!important;padding:0!important}.sticky-header{background:var(--surface, #1a1a1a);border-bottom:1px solid var(--border, #333333);z-index:100;flex-shrink:0;padding-top:10px;margin:0!important}@media (max-width: 767px){:global(html),:global(body){margin:0!important;padding:0!important}.sticky-header{padding-bottom:0!important;margin-top:0!important;padding-top:10px!important}.sticky-header .section-container{padding-bottom:0!important;margin-bottom:0!important}.app-container{padding-top:0!important;margin-top:0!important}}.scrollable-content{flex:1;overflow-y:auto;padding:1em 0;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;will-change:scroll-position}.section-container{max-width:1200px;margin:0 auto;padding:0 2em;width:100%;box-sizing:border-box}.status-message{padding:1em;border-radius:8px;margin:1em 0;text-align:center;font-weight:500}.status-info{background:#3498db33;border:1px solid rgba(52,152,219,.5);color:#3498db}.status-success{background:#2ecc7133;border:1px solid rgba(46,204,113,.5);color:#2ecc71}.status-warning{background:#f1c40f33;border:1px solid rgba(241,196,15,.5);color:#f1c40f}.status-error{background:#e74c3c33;border:1px solid rgba(231,76,60,.5);color:#e74c3c}.info-box{background:var(--panel, #222222);border:2px solid var(--border, #333333);border-radius:12px;padding:2em;box-shadow:0 8px 16px #00000080;color:var(--text, #e8e8e8)}.info-box h4{margin-top:0;color:var(--accent, #f5a623);font-size:1.2em;margin-bottom:1em}.info-box button{background:var(--primary, #22c55e);color:#fff;border:none;padding:.6em 1.2em;border-radius:6px;cursor:pointer;font-size:1em;transition:background-color .3s ease}.info-box button:hover{background:#1ea34a}.suggestion-area{background:#f5a6231a;border:1px solid var(--accent, #f5a623);border-radius:8px;padding:1.5em;margin:1em 0}.suggestion-area h3,.suggestion-area h4,.suggestion-area h5{color:var(--accent, #f5a623);margin-bottom:.5em}.suggestion-buttons{display:flex;gap:1em;margin-top:1em}.progressions-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5em;margin:1.5em 0}.progression-card{background:var(--panel, #222222);border:1px solid var(--border, #333333);border-radius:8px;padding:1.5em;transition:transform .2s ease,box-shadow .2s ease}.progression-card:hover{transform:translateY(-2px);box-shadow:0 4px 8px #0003}.progression-card h5{color:var(--accent, #f5a623);margin:0 0 1em;font-size:1.1em}.progression-item{background:#ffffff0d;border:1px solid transparent;border-radius:6px;padding:.8em;margin:.5em 0;cursor:pointer;transition:all .2s ease}.progression-item:hover{background:#ffffff1a;border-color:var(--accent, #f5a623)}.progression-item.selected{background:#f5a62333;border-color:var(--accent, #f5a623)}.progression-item strong{color:var(--text, #e8e8e8);display:block;margin-bottom:.2em}.progression-item .text-muted{color:var(--text-muted, #888888);font-size:.9em}.mb-16{margin-bottom:4rem}hr{border:none;border-top:1px solid var(--border, #333333);margin:1em 0}@media (max-width: 767px){hr{margin:.5em 0!important}}.midi-generator-tabs{margin:calc(1em - 15px) 0 1em 0;border:1px solid var(--border, #333333);border-radius:8px;overflow:hidden;background:var(--surface, #1a1a1a)}.track-row{display:flex;align-items:center;height:42px;border-bottom:1px solid var(--border, #333333);background:var(--surface, #1a1a1a);width:100%;max-width:100%;overflow:hidden}.track-row:last-child{border-bottom:none}.tab-item{display:flex;align-items:center;justify-content:space-between;gap:.5em;padding:0 .8em;cursor:pointer;background:var(--surface, #1a1a1a);transition:background-color .2s;min-width:90px;height:42px;border-right:1px solid var(--border, #333333);opacity:.6}.tab-item:hover{background:var(--background, #121212);opacity:.8}.tab-item.active{background:var(--panel, #222222);opacity:1}.tab-item.enabled{opacity:1}.tab-item.enabled:not(.active){background:var(--panel, #222222);color:#fff}.tab-item.enabled:not(.active):hover{background:var(--surface-hover, #2a2a2a);opacity:1}.tab-item.active.enabled{background:var(--panel, #222222)}.tab-item span{font-weight:500;color:var(--text, #e8e8e8)}.generator-details-panel{background:transparent;padding:0;min-height:100px;margin-top:0;margin-bottom:.5em;position:relative}.generator-details-panel .generator-section{background:transparent;border:none;border-radius:0;box-shadow:none;margin:0;padding:0;overflow:visible}.generator-details-panel .panel-bg{background:transparent!important;border:none!important;padding:0!important}.generator-details-panel:has([class*=-accompaniment-panel]),.generator-details-panel:has(.accompaniment-section){background:var(--bg-secondary, #1a1a2e)!important;padding:0!important;margin:0!important}.generator-details-panel [class*=-accompaniment-panel],.generator-details-panel .accompaniment-section{margin:0!important;border-radius:0!important;width:100%!important;padding-top:0!important}.generator-details-panel .generator-controls{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1em;background:var(--surface, #1a1a1a);border-bottom:1px solid var(--border, #333333);padding:.5em 1em}.generator-details-panel .generator-controls:empty{display:none!important;padding:0!important;margin:0!important;border:none!important}.generator-details-panel .note-display-section{background:transparent!important;margin:.5em 1em;padding:0}.generator-details-panel .content-layout{padding:0 1em 1em}@media (max-width: 767px){.midi-generator-tabs{margin:0 0 .5em!important;border-radius:6px!important}.track-row{flex-wrap:nowrap!important;height:42px!important;min-height:42px!important;max-height:42px!important;padding:0!important;overflow:hidden!important;width:100%!important;max-width:100%!important}.tab-item{min-width:70px!important;padding:0 6px!important;flex-shrink:0!important}.generator-details-panel{padding:0!important;min-height:150px!important;width:100%!important;display:block!important;visibility:visible!important;overflow:visible!important}.generator-details-panel .generator-section{padding:0!important;border-radius:0!important;width:100%!important;display:block!important;visibility:visible!important;overflow:visible!important}.generator-details-panel [class*=-accompaniment-panel],.generator-details-panel .accompaniment-section{margin:0!important;border-radius:0!important;width:100%!important}.generator-details-panel .generator-controls{grid-template-columns:1fr!important;gap:8px!important;padding:6px!important}.generator-details-panel .generator-controls:empty{display:none!important;padding:0!important}.generator-details-panel .note-display-section{margin:4px!important}.generator-details-panel .content-layout{padding:4px!important;width:100%!important;box-sizing:border-box!important}.generator-details-panel .timeline-header{display:block!important;visibility:visible!important}.generator-details-panel .bars-container-fluid{display:block!important;visibility:visible!important;min-height:60px!important}.generator-details-panel .chord-slot-fluid{display:block!important;visibility:visible!important}.generator-details-panel .chord-block{display:flex!important;visibility:visible!important}}@media (max-width: 480px){.tab-item{min-width:60px!important;padding:0 4px!important;flex-shrink:0!important}.generator-details-panel .generator-controls{padding:4px!important;gap:4px!important}}.track-controls{display:flex;align-items:center;gap:.8em;padding:0 1em;flex:1;height:42px;overflow:hidden;min-width:0}.track-checkbox{display:flex;align-items:center;cursor:pointer;margin-top:7px}.track-checkbox input{margin:0;cursor:pointer;width:22px;height:22px;appearance:none;background:transparent;border:2px solid var(--text-muted, #888888);border-radius:3px;position:relative}.track-checkbox input:checked{border-color:var(--primary, #22c55e);background:#22c55e33}.track-checkbox input:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:16px;font-weight:700}.track-octave,.track-instrument,.track-preset{padding:.5em .7em;background:transparent;border:1px solid var(--border, #333333);border-radius:4px;color:var(--text, #e8e8e8);font-size:.9em;cursor:pointer;transition:all .2s ease;height:32px}.track-octave{min-width:55px;width:55px;text-overflow:ellipsis;overflow:hidden}.track-instrument{min-width:120px}.track-preset{min-width:150px}.track-octave:hover,.track-instrument:hover,.track-preset:hover{background:#ffffff0d;border-color:var(--text, #e8e8e8)}.track-octave:focus,.track-instrument:focus,.track-preset:focus{background:#ffffff1a;border-color:var(--accent, #4a90e2);outline:none}.track-voice-leading{padding:.5em .7em;background:transparent;border:1px solid var(--border, #333);border-radius:4px;color:var(--text, #e8e8e8);font-size:.9em;cursor:pointer;transition:all .2s ease;height:32px;white-space:nowrap}.track-voice-leading:hover{background:#ffffff0d;border-color:var(--text, #e8e8e8)}.track-voice-leading.active{background:#22c55e;border-color:#22c55e;color:#fff}.track-voice-leading.active:hover{background:#1ea34a;border-color:#1ea34a}.track-octave:disabled,.track-instrument:disabled,.track-preset:disabled{opacity:.5;cursor:not-allowed}.track-label{font-size:.9em;color:#ccc;white-space:nowrap}.track-preset-button{background:linear-gradient(135deg,var(--surface, #606060) 0%,var(--surface, #505050) 100%);color:var(--text, white);border:2px solid var(--border, rgba(120, 120, 120, .3));padding:8px 12px;border-radius:8px;cursor:pointer;font-size:14px;width:160px;min-width:160px;max-width:160px;transition:all .3s ease}.track-preset-button:hover{background:linear-gradient(135deg,var(--surface, #505050) 0%,#404040 100%);border-color:#a0a0a080}.preset-select-wrapper{display:flex;align-items:center;flex-shrink:0}.preset-icon-label{display:none!important}.preset-select-wrapper .track-preset-button{position:static!important;opacity:1!important;width:auto!important;height:auto!important;min-width:160px!important}.track-controls.disabled{opacity:.5;pointer-events:none}.track-controls.disabled .track-checkbox-inline,.track-controls.disabled .expand-collapse-btn{pointer-events:auto;opacity:1}.track-controls.disabled .track-label{color:#666}select:disabled,button:disabled{opacity:.6;cursor:not-allowed;pointer-events:none}select:disabled:hover,button:disabled:hover{background:var(--surface, #606060);border-color:#7878784d}.rhythm-header-controls{display:flex;align-items:center;gap:.4em;margin-left:auto}.rhythm-toggle-btn,.variant-cycle-btn{padding:.4em .6em;background:transparent;border:1px solid var(--border, #444);border-radius:4px;color:var(--text, #888);font-size:.85em;cursor:pointer;transition:all .2s ease;height:28px;min-width:32px;display:flex;align-items:center;justify-content:center}.rhythm-toggle-btn{font-size:1em}.rhythm-toggle-btn:hover,.variant-cycle-btn:hover{background:#ffffff1a;border-color:var(--text, #aaa)}.rhythm-toggle-btn.active{background:#22c55e;border-color:#22c55e;color:#fff}.rhythm-toggle-btn.active:hover{background:#1ea34a;border-color:#1ea34a}.rhythm-toggle-btn:not(.active){opacity:.5}.rhythm-toggle-btn:not(.active):hover{opacity:.8}.variant-cycle-btn{font-weight:700;min-width:36px}.variant-cycle-btn:not(.disabled):hover{background:#4a90e233;border-color:#4a90e2;color:#4a90e2}.variant-cycle-btn.disabled{opacity:.3;cursor:not-allowed}.rhythm-toggle-btn:disabled,.variant-cycle-btn:disabled{opacity:.4;cursor:not-allowed}@keyframes variantFlash{0%{background:#4a90e2cc;border-color:#4a90e2;color:#fff;transform:scale(1.1)}to{background:transparent;border-color:var(--border, #444);color:var(--text, #888);transform:scale(1)}}.variant-cycle-btn.flash{animation:variantFlash .4s ease-out}.accomp-toggle-btn,.accomp-dice-btn{padding:.4em .6em;background:transparent;border:1px solid var(--border, #444);border-radius:4px;color:var(--text, #888);font-size:1em;cursor:pointer;transition:all .2s ease;height:28px;min-width:32px;display:flex;align-items:center;justify-content:center}.accomp-toggle-btn:hover,.accomp-dice-btn:hover{background:#ffffff1a;border-color:var(--text, #aaa)}.accomp-toggle-btn.active{background:#22c55e;border-color:#22c55e;color:#fff;box-shadow:0 0 8px #22c55e66}.accomp-toggle-btn.active:hover{background:#1ea34a;border-color:#1ea34a}.accomp-toggle-btn:not(.active):not(.greyed){opacity:.6}.accomp-toggle-btn:not(.active):not(.greyed):hover{opacity:.9}.accomp-toggle-btn.greyed,.rhythm-toggle-btn.greyed{opacity:.35;cursor:pointer;filter:grayscale(.8)}.accomp-toggle-btn.greyed:hover,.rhythm-toggle-btn.greyed:hover{opacity:.8;filter:grayscale(0);background:#ffffff1a;border-color:var(--text, #aaa)}.accomp-dice-btn.greyed,.variant-cycle-btn.greyed{opacity:.25;cursor:not-allowed;filter:grayscale(1)}.accomp-dice-btn.greyed:hover,.variant-cycle-btn.greyed:hover{opacity:.25;background:transparent;border-color:var(--border, #444)}.accomp-dice-btn:not(.greyed):hover{background:#4a90e233;border-color:#4a90e2;color:#4a90e2}.accomp-dice-btn:not(.greyed){opacity:.9}.accomp-dice-btn.flash{animation:variantFlash .4s ease-out}.track-checkbox-inline{display:flex;align-items:center;cursor:pointer;margin-left:.4em}.track-checkbox-inline input{margin:0;cursor:pointer;width:20px;height:20px;appearance:none;background:transparent;border:2px solid #888;border-radius:3px;position:relative;transition:all .2s ease}.track-checkbox-inline input:hover{border-color:#aaa}.track-checkbox-inline input:checked{border-color:#4a90e2;background:#4a90e233}.track-checkbox-inline input:checked:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:14px;font-weight:700}.expand-collapse-btn{padding:.3em .5em;background:transparent;border:1px solid var(--border, #444);border-radius:4px;color:var(--text, #888);font-size:.8em;cursor:pointer;transition:all .2s ease;height:28px;min-width:28px;display:flex;align-items:center;justify-content:center;margin-left:.3em}.expand-collapse-btn:hover{background:#ffffff1a;border-color:var(--text, #aaa);color:var(--text, #fff)}.expand-collapse-btn.open{background:#4a90e226;border-color:#4a90e2;color:#4a90e2}.expand-collapse-btn.open:hover{background:#4a90e240}.mixer-buttons-group{display:flex;align-items:center;gap:0;flex-shrink:0}.mixer-buttons-group .mute-btn{border-radius:4px 0 0 4px;border-right:none}.mixer-buttons-group .solo-btn{border-radius:0 4px 4px 0}.mode-buttons-group{display:flex;align-items:center;gap:0;flex-shrink:0}.mode-buttons-group .accomp-toggle-btn{border-radius:4px 0 0 4px;border-right:none}.mode-buttons-group .rhythm-toggle-btn{border-radius:0 4px 4px 0}.mixer-control-btn{padding:.4em .6em;background:transparent;border:1px solid var(--border, #444);border-radius:4px;color:var(--text, #888);font-size:.9em;font-weight:700;cursor:pointer;transition:all .2s ease;height:28px;min-width:32px;display:flex;align-items:center;justify-content:center}.mixer-control-btn:hover:not(:disabled){background:#ffffff1a;border-color:var(--text, #aaa)}.mixer-control-btn.mute-btn.active{background:#ef4444;border-color:#ef4444;color:#fff}.mixer-control-btn.mute-btn.active:hover{background:#dc2626;border-color:#dc2626}.mixer-control-btn.solo-btn.active{background:#f59e0b;border-color:#f59e0b;color:#fff}.mixer-control-btn.solo-btn.active:hover{background:#d97706;border-color:#d97706}.mixer-control-btn:disabled{opacity:.5;cursor:not-allowed}.volume-knob-wrapper{display:flex;align-items:center;justify-content:center}.guitar-settings-mobile-container{display:none}.guitar-settings-desktop{display:inline-block}.track-icon-select{padding:.4em;background:transparent;border:1px solid var(--border, #444);border-radius:4px;color:var(--text, #e8e8e8);font-size:1em;cursor:pointer;transition:all .2s ease;height:28px;min-width:42px;max-width:50px;text-align:center;appearance:none;-webkit-appearance:none;-moz-appearance:none}.track-icon-select:hover:not(:disabled){background:#ffffff1a;border-color:var(--text, #aaa)}.track-icon-select:focus{outline:none;border-color:var(--accent, #4a90e2)}.track-icon-select:disabled{opacity:.4;cursor:not-allowed}.track-icon-select option{background:#1a1a1a;color:#e8e8e8;padding:.5em 1em;font-size:.9em}.icon-dropdown{position:relative;display:inline-block}.icon-dropdown-trigger{padding:.4em .6em;background:transparent;border:1px solid var(--border, #444);border-radius:4px;color:var(--text, #888);font-size:.85em;font-weight:700;cursor:pointer;transition:all .2s ease;height:28px;min-width:32px;display:flex;align-items:center;justify-content:center;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.icon-dropdown-trigger:hover:not(:disabled){background:#ffffff1a;border-color:var(--text, #aaa)}.icon-dropdown-trigger:disabled{opacity:.4;cursor:not-allowed}.icon-dropdown-menu{position:absolute;bottom:100%;left:0;margin-bottom:2px;background:#1a1a1a;border:1px solid #333;border-radius:6px;box-shadow:0 -4px 12px #00000080;z-index:1000;min-width:150px;overflow:hidden}.icon-dropdown-menu-fixed{position:fixed;transform:translateY(-100%) translateY(-4px);background:#1a1a1a;border:1px solid #444;border-radius:6px;box-shadow:0 -4px 16px #0009;z-index:99999;min-width:150px;overflow:hidden;touch-action:manipulation}.icon-dropdown-item{display:flex;align-items:center;gap:.5em;width:100%;padding:.6em .8em;background:transparent;border:none;color:#e8e8e8;font-size:.9em;text-align:left;cursor:pointer;transition:background .15s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent;user-select:none}.icon-dropdown-item:hover{background:#ffffff1a}.icon-dropdown-item.selected{background:#4a90e24d;color:#fff}.track-instrument-compact{padding:.5em .7em;background:transparent;border:1px solid var(--border, #333);border-radius:4px;color:var(--text, #e8e8e8);font-size:.85em;cursor:pointer;transition:all .2s ease;height:32px;min-width:90px}.track-instrument-compact:hover:not(:disabled){background:#ffffff0d;border-color:var(--text, #e8e8e8)}.track-instrument-compact:disabled{opacity:.5;cursor:not-allowed}.track-vl-btn{padding:.4em .6em;background:transparent;border:1px solid var(--border, #444);border-radius:4px;color:var(--text, #888);font-size:.85em;font-weight:700;cursor:pointer;transition:all .2s ease;height:28px;min-width:32px;display:flex;align-items:center;justify-content:center}.track-vl-btn:hover:not(:disabled):not(.greyed){background:#ffffff1a;border-color:var(--text, #aaa)}.track-vl-btn.active{background:#22c55e;border-color:#22c55e;color:#fff}.track-vl-btn.active:hover:not(.greyed){background:#1ea34a;border-color:#1ea34a}.track-vl-btn.greyed{opacity:.25;cursor:not-allowed;filter:grayscale(1)}.track-vl-btn:disabled{opacity:.4;cursor:not-allowed}@media (max-width: 767px){.track-controls{flex-wrap:nowrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:thin!important;scrollbar-color:rgba(255,255,255,.2) transparent!important;gap:6px!important;padding:8px!important;height:42px!important;flex:1 1 0!important;min-width:0!important}.track-controls::-webkit-scrollbar{height:4px}.track-controls::-webkit-scrollbar-track{background:transparent}.track-controls::-webkit-scrollbar-thumb{background:#fff3;border-radius:2px}.mixer-control-btn,.track-octave,.track-instrument,.track-preset,.track-preset-button,.track-instrument-compact{flex-shrink:0!important}.track-octave{min-width:45px!important}.preset-select-wrapper{position:relative!important;display:flex!important;align-items:center!important;flex-shrink:0!important;min-width:38px!important;width:38px!important;height:28px!important;background:var(--surface)!important;border-radius:6px!important;overflow:hidden!important}.preset-icon-label{display:flex!important;position:absolute!important;inset:0!important;align-items:center!important;justify-content:center!important;font-size:14px!important;font-weight:700!important;color:#ccc!important;pointer-events:none!important;z-index:1!important}.preset-select-wrapper .track-preset-button{position:absolute!important;left:0!important;top:0!important;width:100%!important;height:100%!important;min-width:unset!important;max-width:unset!important;opacity:0!important;cursor:pointer!important;z-index:2!important}.track-instrument-compact{display:none!important}.rhythm-header-controls{flex-shrink:0!important;width:auto!important;margin-left:auto!important;margin-top:0!important;padding-top:0!important;border-top:none!important;justify-content:flex-end!important;gap:4px!important}.rhythm-toggle-btn,.variant-cycle-btn,.accomp-toggle-btn,.accomp-dice-btn,.track-vl-btn{flex-shrink:0!important}.expand-collapse-btn{display:none!important}.icon-dropdown-trigger{flex-shrink:0!important}.icon-dropdown-menu-fixed{min-width:160px!important;z-index:999999!important}.icon-dropdown-item{padding:14px 16px!important;min-height:48px!important;font-size:1em!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important}.icon-dropdown-trigger{min-width:32px!important;max-width:32px!important;min-height:28px!important;max-height:28px!important;height:28px!important;font-size:.85em!important;padding:.3em .4em!important;position:relative!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;user-select:none!important}.icon-dropdown-trigger:before{content:""!important;position:absolute!important;inset:-8px -6px!important}.volume-knob-wrapper{display:none!important}.track-octave,.preset-select-wrapper{flex-shrink:0!important}.guitar-settings-mobile-container{display:none!important}.guitar-settings-desktop{display:inline-block!important}}@media (max-width: 420px) and (pointer: coarse){.guitar-settings-mobile-container{display:flex!important;align-items:center;gap:4px;flex-shrink:0!important;position:relative}.guitar-settings-mobile-trigger{font-size:1em!important}.guitar-settings-mobile-expanded{display:flex;align-items:center;gap:4px;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.guitar-settings-desktop{display:none!important}}@media (min-width: 768px){.guitar-settings-mobile-container{display:none!important}.guitar-settings-desktop{display:inline-block!important}.volume-knob-wrapper{display:flex!important}.track-octave{display:block!important}.preset-select-wrapper{display:flex!important;min-width:160px!important;width:auto!important;height:auto!important;background:transparent!important;border-radius:0!important;overflow:visible!important}.preset-select-wrapper .track-preset-button{position:static!important;opacity:1!important;width:auto!important;height:auto!important;min-width:160px!important;max-width:none!important}.preset-icon-label{display:none!important}.expand-collapse-btn{display:flex!important;flex-shrink:0!important}.track-row{overflow:hidden!important;max-width:100%!important}.track-controls{overflow:hidden!important;min-width:0!important}}@media (max-width: 480px){.track-controls{gap:4px!important;padding:6px 8px!important}}@media (max-width: 420px) and (pointer: coarse){.preset-select-wrapper{display:none!important}}@media (max-width: 375px) and (pointer: coarse){.track-octave{display:none!important}}@media (max-width: 320px) and (pointer: coarse){.volume-knob-wrapper{display:none!important}}.generator-controls{display:flex;gap:.7em;align-items:center;margin-bottom:1em;flex-wrap:wrap}.control-group{display:flex;align-items:center;gap:.25em;min-width:auto}.control-group label{font-size:.65em!important;color:#fff!important;white-space:nowrap!important}.dropdown-label{font-size:.65em!important;color:#fff!important;white-space:nowrap!important;text-align:center!important;display:block!important;margin-bottom:.3em!important}.dropdown-select{padding:.3em;border-radius:4px;border:.5px solid var(--border, #333333);background:transparent;color:#fff;min-width:120px;height:32px}.checkbox-label{display:flex;align-items:center;gap:.5em;height:32px;padding:.3em;border-radius:4px;border:.5px solid var(--border, #333333);background:transparent;color:#fff;font-size:.9em;white-space:nowrap}.checkbox-label input[type=checkbox]{accent-color:var(--text-muted, #888888);transform:scale(1.2)}.variant-button{padding:.3em .6em;border-radius:4px;border:.5px solid var(--border, #333333);background:transparent;color:#fff;cursor:pointer;font-size:.9em;height:32px}.info-button{background:transparent;color:var(--text-muted, #888888);border:.5px solid var(--border, #333333);padding:.3em .6em;border-radius:50%;cursor:pointer;font-weight:700;font-size:.9em;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.chord-editor{margin-top:.3em;padding:1em;background:transparent;border-radius:8px;width:100%}.bars-container{display:flex;gap:2em;margin-bottom:2em;flex-wrap:wrap}.bar{position:relative;display:flex;flex-direction:column;min-width:120px}.bar-bracket{position:absolute;inset:0 -10px;border:2px solid #444;border-left:none;border-right:none;pointer-events:none}.bar-beat-markers{position:absolute;top:-6px;left:0;right:0;height:6px;background-image:repeating-linear-gradient(to right,#666 0 1px,transparent 1px 25%);pointer-events:none}.chord-slot{display:flex;flex-direction:column;align-items:center;gap:.2em}.chord-label{font-weight:700;font-size:1em;color:#4a90e2;text-align:center}.chord-notes{display:flex;flex-direction:row;gap:.2em;align-items:center;justify-content:center}.bar-content{display:flex;gap:.5em;padding:.5em;z-index:1}.chord-block{background:#ffffff0d;border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:.6em;cursor:pointer;transition:all .2s ease}.chord-block.placeholder{background:transparent;border-style:dashed;min-height:36px}.chord-block.full-bar{width:200px}.chord-block.half-bar{width:95px}.chord-block.quarter-bar{width:35px;font-size:.75em;padding:.4em .2em}.chord-block:hover{background:#ffffff1a;border-color:#ffffff4d}.chord-name{font-weight:700;font-size:1.1em;color:#4a90e2;margin-bottom:.5em;background:#4a90e233;padding:.3em .5em;border-radius:4px;text-align:center}.chord-notes{display:flex;flex-wrap:nowrap;gap:.3em;justify-content:flex-start}.keyboard-controls-container{width:100%;margin-top:0}.keyboard-container-wrapper{width:100%;max-width:1200px;margin:0 auto 1em}.chord-controls{display:flex;flex-direction:column;gap:.8em;padding:1em;margin:0 auto 1rem;width:100%;max-width:1200px;background:#ffffff08;border-radius:8px}.control-row{display:flex;gap:1.5em;align-items:center;width:100%}.chord-controls .control-row:first-child{justify-content:flex-start;padding-left:0}.chord-controls .type-group{margin-left:0;padding-left:0}.control-group{display:flex;gap:.25em;align-items:center;flex:1}.type-group,.inversion-group{gap:.25em}.octave-group{gap:.25em;justify-content:flex-end}.octave-spacer{flex:1}.options-group{flex-wrap:wrap;gap:.25em;row-gap:.5em;width:auto;justify-content:flex-start;padding:0}.chord-controls .control-label,.chord-controls span.control-label,.chord-controls span[class*=control-label],span.control-label,span[class*=control-label]{font-size:.65em!important;color:#fff!important;font-weight:600!important;white-space:nowrap!important;margin-right:.05em!important;display:inline-block!important;width:60px!important;text-align:left!important;max-width:60px!important;min-width:60px!important;box-sizing:border-box!important}.octave-display{min-width:1.5em;text-align:center;font-size:.9em;color:#fff}.borrow-select{background:#1a1a1a;border:1px solid #333;color:#ccc;padding:.3em .5em;border-radius:4px;font-size:.8em;height:auto;min-width:10em;cursor:pointer}.borrow-select:hover{border-color:#444}.borrow-select:focus{outline:none;border-color:#3498db}.chord-btn{padding:.05em .15em!important;border:1px solid #333!important;background:#1a1a1a!important;color:#ccc!important;border-radius:2px!important;font-size:.55em!important;cursor:pointer!important;transition:all .2s ease!important;min-width:1.2em!important;max-width:2.5em!important;text-align:center!important;height:.9em!important;display:flex!important;align-items:center!important;justify-content:center!important;line-height:1!important}.control-row:first-child .control-group{justify-content:space-between}.options-row{flex-wrap:wrap;gap:.6em}.options-row .control-group{gap:.3em;flex-wrap:nowrap;min-width:fit-content}.control-row:last-child{justify-content:space-between}.control-row:last-child .control-group{flex:0 1 auto}.chord-btn:hover{background:#2a2a2a;border-color:#444}button.chord-btn.active,.chord-btn.active,.control-group button.chord-btn.active,.chord-controls button.chord-btn.active,.chord-controls .control-group button.chord-btn.active,.type-group button.chord-btn.active,.inversion-group button.chord-btn.active,.options-group button.chord-btn.active,button.chord-btn[data-active=true],.chord-btn[data-active=true]{background:#000!important;background-color:#000!important;border-color:#fff!important;border-width:1px!important;color:#fff!important;font-weight:700!important}button.chord-btn.active:hover,.chord-btn.active:hover,.control-group button.chord-btn.active:hover,.chord-controls button.chord-btn.active:hover,button.chord-btn[data-active=true]:hover,.chord-btn[data-active=true]:hover{background:#000!important;background-color:#000!important;border-color:#fff!important;color:#fff!important;transform:none!important}.keyboard-placeholder{height:120px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#666;font-style:italic;font-size:.9em}.chord-block{background:transparent;padding:.6em;border-radius:6px;border:1px solid rgba(255,255,255,.2);min-width:80px;text-align:center;cursor:pointer;transition:all .2s ease}.chord-block:hover{background:#ffffff0d;border-color:#fff6}.chord-block.selected{background:var(--background, #2a2a2a);border-color:var(--border, #2a2e36)}.chord-block.borrowed{color:#3498db!important;font-weight:700}.chord-name{font-weight:700;font-size:1.1em;color:#4a90e2;margin-bottom:0;background:#4a90e233;padding:.3em .5em;border-radius:4px;text-align:center}.chord-notes{display:flex;flex-direction:column-reverse;gap:.2em;margin-bottom:0;margin-top:10px;align-items:center;justify-content:flex-start;min-height:120px}.chord-notes.compact{min-height:60px}.chord-info{font-size:.8em;color:#888;font-style:italic}.note-pill{background:#4a90e2;color:#fff;padding:.2em .3em;border-radius:12px;font-size:.9em;font-weight:700;text-align:center;min-width:2.5em}.chord-block.modified{border:2px solid #f39c12;box-shadow:0 0 8px #f39c124d}.modification-indicator{color:#f39c12;font-weight:700;margin-left:4px;font-size:1.2em}.timeline-header{position:relative;height:18px;width:100%;margin-bottom:4px;background-image:repeating-linear-gradient(to right,transparent 0 calc(100% / var(--beats) - 1px),#666 calc(100% / var(--beats) - 1px) calc(100% / var(--beats)))}.timeline-header .bar-label{position:absolute;top:0;font-size:.7em;color:#bbb;transform:translate(-50%)}.bars-container-fluid{position:relative;width:100%;height:auto;margin-bottom:4rem}.chord-slot-fluid{position:absolute;top:0;height:100%;padding:0 2px}.chord-block{width:100%;display:flex;flex-direction:column;align-items:center;gap:2px}.chord-label-inline{font-weight:700;color:#4a90e2}.chord-notes-inline{display:flex;gap:4px}@media (max-width: 767px){.generator-section{width:100%!important;box-sizing:border-box!important;overflow:visible!important}.generator-controls{gap:8px!important;margin-bottom:8px!important;width:100%!important}.control-group{flex-wrap:wrap!important;gap:4px!important}.dropdown-select{min-width:100px!important;height:30px!important;padding:.2em!important;font-size:.85em!important}.checkbox-label{height:30px!important;padding:.2em!important;font-size:.85em!important}.variant-button{height:30px!important;padding:.2em .4em!important;font-size:.85em!important}.chord-editor{padding:8px!important;width:100%!important;box-sizing:border-box!important}.timeline-header{width:100%!important;height:18px!important;display:block!important;visibility:visible!important}.bars-container{gap:12px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;flex-wrap:nowrap!important;margin-bottom:16px!important;padding-bottom:8px!important;width:100%!important}.bars-container::-webkit-scrollbar{display:none!important}.bars-container-fluid{margin-bottom:16px!important;min-height:60px!important;position:relative!important;width:100%!important;display:block!important;visibility:visible!important}.chord-slot-fluid{display:block!important;visibility:visible!important}.chord-block{display:flex!important;visibility:visible!important}.bar{min-width:100px!important;flex-shrink:0!important}.chord-controls{padding:8px!important;gap:6px!important;width:100%!important;box-sizing:border-box!important}.control-row{flex-direction:row!important;gap:6px!important;align-items:center!important;flex-wrap:wrap!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important;width:100%!important;box-sizing:border-box!important}.chord-editor{width:100%!important;box-sizing:border-box!important;display:block!important;visibility:visible!important}.piano-timeline,.guitar-timeline,.bass-timeline{width:100%!important;box-sizing:border-box!important;display:block!important;visibility:visible!important;overflow-x:auto!important}.keyboard-controls-container{width:100%!important;box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:8px!important}.rhythm-grid-container{width:100%!important;box-sizing:border-box!important;overflow-x:auto!important}.chord-rhythm-section{width:100%!important;box-sizing:border-box!important}.control-row:first-child .control-group{justify-content:flex-start!important}.type-group,.inversion-group,.options-group{overflow-x:auto!important;flex-wrap:nowrap!important;-webkit-overflow-scrolling:touch!important;scrollbar-width:none!important;padding-bottom:4px!important}.type-group::-webkit-scrollbar,.inversion-group::-webkit-scrollbar,.options-group::-webkit-scrollbar{display:none!important}.chord-btn{min-width:32px!important;height:28px!important;padding:.2em .4em!important;font-size:.65em!important;flex-shrink:0!important}.control-label,span.control-label{width:auto!important;min-width:auto!important;max-width:none!important;margin-right:6px!important;font-size:.6em!important}.octave-group{justify-content:flex-start!important}.octave-spacer{display:none!important}.keyboard-container-wrapper{overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.chord-name{font-size:.95em!important;padding:.2em .4em!important}.chord-notes{min-height:80px!important}.chord-notes.compact{min-height:50px!important}.note-pill{padding:.15em .25em!important;font-size:.8em!important;min-width:2em!important}.borrow-select{min-width:8em!important;padding:.2em .4em!important;font-size:.75em!important}}@media (max-width: 480px){.chord-btn{min-width:28px!important;height:26px!important;font-size:.6em!important}.chord-name{font-size:.9em!important}.control-label,span.control-label{font-size:.55em!important}}@media (max-width: 420px){.chord-editor,.piano-timeline,.guitar-timeline,.bass-timeline{width:100%!important;box-sizing:border-box!important;display:block!important;visibility:visible!important;padding:4px!important}.chord-notes-inline{display:none!important}.chord-slot-fluid .chord-block{padding:2px!important;min-height:40px!important}.chord-label-inline{font-size:.75em!important}.timeline-header{height:14px!important;display:block!important;visibility:visible!important}.timeline-header .bar-label{font-size:.6em!important}.bars-container-fluid{margin-bottom:8px!important}.chord-controls{padding:4px!important;gap:4px!important}.control-row{flex-direction:row!important;flex-wrap:nowrap!important;gap:4px!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch!important}.control-label,.label-container,.octave-spacer{display:none!important}.chord-btn{min-width:28px!important;height:26px!important;font-size:.65em!important;padding:.15em .3em!important;flex-shrink:0!important}.type-group,.inversion-group,.octave-group,.options-group{flex-wrap:nowrap!important;flex-shrink:0!important}.chord-editor,.piano-timeline,.guitar-timeline,.bass-timeline,.drum-timeline{padding:4px!important}.dropdown-select{min-width:70px!important;height:26px!important;font-size:.75em!important}.keyboard-container-wrapper,.piano-keyboard-container-wrapper-clean{max-width:100%!important;overflow-x:auto!important}}.feedback-links-container.svelte-1s9d4o5{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:.3em 0;padding:0}.feedback-link.svelte-1s9d4o5{color:var(--text-muted, #888);font-size:.8rem;text-decoration:none;transition:color .2s ease}.feedback-link.svelte-1s9d4o5:hover{color:var(--accent, #f5a623);text-decoration:underline}.feedback-separator.svelte-1s9d4o5{color:var(--border, #333333);font-size:.8rem}.language-switcher.svelte-1vtf4hl.svelte-1vtf4hl{position:relative;display:inline-block;z-index:1000}.language-button.svelte-1vtf4hl.svelte-1vtf4hl{display:flex;align-items:center;gap:.15rem;padding:.3rem .4rem;background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:.25rem;color:var(--text-primary, #fff);cursor:pointer;transition:all .2s ease;font-size:.75rem;min-width:2.5rem;justify-content:center}.language-button.svelte-1vtf4hl.svelte-1vtf4hl:hover{background:var(--bg-hover, #2a2a2a);border-color:var(--accent-color, #007acc)}.language-button.svelte-1vtf4hl.svelte-1vtf4hl:focus{outline:2px solid var(--accent-color, #007acc);outline-offset:2px}.flag.svelte-1vtf4hl.svelte-1vtf4hl{font-size:1rem;line-height:1}.chevron.svelte-1vtf4hl.svelte-1vtf4hl{font-size:.6rem;transition:transform .2s ease;color:var(--text-secondary, #aaa)}.chevron.rotated.svelte-1vtf4hl.svelte-1vtf4hl{transform:rotate(180deg)}.language-dropdown.svelte-1vtf4hl.svelte-1vtf4hl{position:absolute;top:100%;right:0;margin-top:.25rem;background:var(--bg-secondary, #2a2a2a);border:1px solid var(--border-color, #444);border-radius:.5rem;box-shadow:0 4px 6px -1px #0000004d,0 2px 4px -1px #0003;overflow:hidden;min-width:8rem;animation:svelte-1vtf4hl-slideDown .15s ease}@keyframes svelte-1vtf4hl-slideDown{0%{opacity:0;transform:translateY(-.5rem) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.language-option.svelte-1vtf4hl.svelte-1vtf4hl{display:flex;align-items:center;gap:.5rem;width:100%;padding:.75rem;background:transparent;border:none;color:var(--text-primary, #fff);cursor:pointer;transition:background-color .15s ease;font-size:.875rem;text-align:left}.language-option.svelte-1vtf4hl.svelte-1vtf4hl:hover{background:var(--bg-hover, #2a2a2a)}.language-option.svelte-1vtf4hl.svelte-1vtf4hl:focus{background:var(--bg-hover, #2a2a2a);outline:none}.language-option.active.svelte-1vtf4hl.svelte-1vtf4hl{background:var(--accent-color, #007acc);color:#fff}.language-option.active.svelte-1vtf4hl.svelte-1vtf4hl:hover{background:var(--accent-color-dark, #0066aa)}.language-option.svelte-1vtf4hl .name.svelte-1vtf4hl{font-weight:500}.language-option.svelte-1vtf4hl .flag.svelte-1vtf4hl{font-size:1rem}:root{--bg-primary:#0d0d0f;--bg-secondary:#151518;--bg-tertiary:#1a1a1f;--bg-card:#1f1f24;--text-primary:#ffffff;--text-secondary:#a0a0a8;--text-muted:#6b6b75;--accent:#00d4aa;--accent-hover:#00eebb;--accent-dim:rgba(0, 212, 170, .15);--border:rgba(255, 255, 255, .08);--gradient-hero:linear-gradient(135deg, #0d0d0f 0%, #1a1a2e 50%, #0d0d0f 100%)}.marketing-page.svelte-1io6ppl.svelte-1io6ppl{background:var(--bg-primary);color:var(--text-primary);font-family:Instrument Sans,Inter,-apple-system,sans-serif;min-height:100vh;overflow-x:hidden}.nav-bar.svelte-1io6ppl.svelte-1io6ppl{position:fixed;top:0;left:0;right:0;z-index:100;background:#0d0d0fd9;backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.nav-content.svelte-1io6ppl.svelte-1io6ppl{max-width:1400px;margin:0 auto;padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between}.logo.svelte-1io6ppl.svelte-1io6ppl{display:flex;align-items:center;gap:.5rem;font-weight:700;font-size:1.25rem}.logo-icon.svelte-1io6ppl.svelte-1io6ppl{font-size:1.5rem;color:var(--accent)}.nav-links.svelte-1io6ppl.svelte-1io6ppl{display:flex;gap:2rem}.nav-link.svelte-1io6ppl.svelte-1io6ppl{background:none;border:none;color:var(--text-secondary);font-size:.95rem;cursor:pointer;transition:color .2s;padding:.5rem 0;position:relative}.nav-link.svelte-1io6ppl.svelte-1io6ppl:hover,.nav-link.active.svelte-1io6ppl.svelte-1io6ppl{color:var(--text-primary)}.nav-link.active.svelte-1io6ppl.svelte-1io6ppl:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--accent)}.nav-actions.svelte-1io6ppl.svelte-1io6ppl{display:flex;align-items:center;gap:1rem}.cta-button.svelte-1io6ppl.svelte-1io6ppl{display:inline-flex;align-items:center;gap:.75rem;background:var(--text-primary);color:var(--bg-primary);border:none;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}.cta-button.small.svelte-1io6ppl.svelte-1io6ppl{padding:.6rem 1.25rem;font-size:.9rem}.cta-button.large.svelte-1io6ppl.svelte-1io6ppl{padding:1rem 2rem;font-size:1.1rem}.cta-button.svelte-1io6ppl.svelte-1io6ppl:hover{transform:translateY(-2px);box-shadow:0 10px 30px #fff3}.cta-button.secondary.svelte-1io6ppl.svelte-1io6ppl{background:transparent;color:var(--text-primary);border:2px solid var(--text-primary)}.cta-button.secondary.svelte-1io6ppl.svelte-1io6ppl:hover{background:var(--text-primary);color:var(--bg-primary)}.cta-icon.svelte-1io6ppl.svelte-1io6ppl{font-size:1.25rem;transition:transform .3s}.cta-button.svelte-1io6ppl:hover .cta-icon.svelte-1io6ppl{transform:translate(4px)}.hero-section.svelte-1io6ppl.svelte-1io6ppl{min-height:auto;padding:7rem 2rem 4rem;background:var(--gradient-hero);position:relative}.hero-section.svelte-1io6ppl.svelte-1io6ppl:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 30% 0%,rgba(0,212,170,.08) 0%,transparent 60%);pointer-events:none}.hero-split.svelte-1io6ppl.svelte-1io6ppl{max-width:1400px;margin:0 auto;display:flex;flex-direction:row;gap:4rem;align-items:center;position:relative;z-index:1}.hero-text.svelte-1io6ppl.svelte-1io6ppl{flex:1;text-align:left}.hero-image.svelte-1io6ppl.svelte-1io6ppl{flex:1.3;position:relative}.hero-title.svelte-1io6ppl.svelte-1io6ppl{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.1;margin-bottom:1.5rem;text-align:left}.title-line.svelte-1io6ppl.svelte-1io6ppl{display:block;text-align:left}.title-accent.svelte-1io6ppl.svelte-1io6ppl{display:block;font-style:italic;background:linear-gradient(135deg,var(--accent),#00aaff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:left}.hero-description.svelte-1io6ppl.svelte-1io6ppl{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 0 2.5rem;line-height:1.6}.hero-screenshot.svelte-1io6ppl.svelte-1io6ppl{width:100%;display:block;border-radius:12px;box-shadow:0 40px 80px #0006}section.svelte-1io6ppl.svelte-1io6ppl{padding:6rem 2rem}.section-header.svelte-1io6ppl.svelte-1io6ppl{text-align:center;max-width:800px;margin:0 auto 4rem}.section-header.svelte-1io6ppl h2.svelte-1io6ppl{font-size:clamp(2rem,4vw,3rem);font-weight:700;margin-bottom:1rem}.section-subtitle.svelte-1io6ppl.svelte-1io6ppl{font-size:1.15rem;color:var(--text-secondary);line-height:1.6}.section-tag.svelte-1io6ppl.svelte-1io6ppl{display:inline-block;padding:.4rem 1rem;background:var(--accent-dim);color:var(--accent);border-radius:50px;font-size:.85rem;font-weight:600;margin-bottom:1rem;text-transform:uppercase;letter-spacing:.05em}.studio-section.svelte-1io6ppl.svelte-1io6ppl{background:var(--bg-secondary)}.sync-header.svelte-1io6ppl.svelte-1io6ppl{max-width:900px;margin:0 auto 3rem;text-align:center}.sync-badge.svelte-1io6ppl.svelte-1io6ppl{display:inline-block;background:linear-gradient(135deg,var(--accent) 0%,#00ff88 100%);color:var(--bg-primary);padding:.5rem 1.25rem;border-radius:50px;font-size:.9rem;font-weight:700;margin-bottom:1.5rem;text-transform:uppercase;letter-spacing:.05em}.sync-header.svelte-1io6ppl h2.svelte-1io6ppl{font-size:clamp(2rem,4vw,3rem);margin-bottom:1rem;color:var(--text-primary)}.sync-description.svelte-1io6ppl.svelte-1io6ppl{font-size:1.2rem;color:var(--text-secondary);line-height:1.7}.studio-image-container.svelte-1io6ppl.svelte-1io6ppl{max-width:1400px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px #0000004d}.full-width-screenshot.svelte-1io6ppl.svelte-1io6ppl{width:100%;display:block}.progressions-section.svelte-1io6ppl.svelte-1io6ppl{background:var(--bg-primary)}.progression-hero.svelte-1io6ppl.svelte-1io6ppl{max-width:1200px;margin:0 auto 5rem}.progression-hero-text.svelte-1io6ppl.svelte-1io6ppl{font-size:1.2rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.progression-hero-image.svelte-1io6ppl.svelte-1io6ppl{margin-bottom:3rem}.progression-hero-image.svelte-1io6ppl img.svelte-1io6ppl{width:100%;border-radius:12px;box-shadow:0 20px 50px #0000004d}.note-tracks-section.svelte-1io6ppl.svelte-1io6ppl{background:var(--bg-secondary)}.note-tracks-hero.svelte-1io6ppl.svelte-1io6ppl{max-width:1200px;margin:0 auto}.note-tracks-hero-text.svelte-1io6ppl.svelte-1io6ppl{font-size:1.2rem;color:var(--text-secondary);line-height:1.8;margin-bottom:2rem;text-align:center;max-width:900px;margin-left:auto;margin-right:auto}.note-tracks-hero-image.svelte-1io6ppl img.svelte-1io6ppl{width:100%;border-radius:12px;box-shadow:0 20px 50px #0000004d}.progression-methods.svelte-1io6ppl.svelte-1io6ppl{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:6rem}.method-card.svelte-1io6ppl.svelte-1io6ppl{display:grid;grid-template-columns:1fr 1.8fr;gap:3rem;align-items:center}.method-card.reversed.svelte-1io6ppl.svelte-1io6ppl{direction:rtl}.method-card.reversed.svelte-1io6ppl>.svelte-1io6ppl{direction:ltr}.method-content.svelte-1io6ppl h3.svelte-1io6ppl{font-size:1.75rem;margin-bottom:1rem;color:var(--accent)}.method-content.svelte-1io6ppl p.svelte-1io6ppl{font-size:1.1rem;color:var(--text-secondary);line-height:1.7}.method-image.svelte-1io6ppl.svelte-1io6ppl{border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #0000004d}.method-image.svelte-1io6ppl img.svelte-1io6ppl{width:100%;display:block}.learn-theory-section.svelte-1io6ppl.svelte-1io6ppl{background:var(--bg-tertiary)}.theory-grid.svelte-1io6ppl.svelte-1io6ppl{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.theory-card.svelte-1io6ppl.svelte-1io6ppl{background:var(--bg-card);border-radius:16px;overflow:hidden;border:1px solid var(--border);transition:transform .3s,box-shadow .3s}.theory-card.svelte-1io6ppl.svelte-1io6ppl:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.theory-image.svelte-1io6ppl.svelte-1io6ppl{width:100%;aspect-ratio:4/3;overflow:hidden}.theory-image.svelte-1io6ppl img.svelte-1io6ppl{width:100%;height:100%;object-fit:cover;transition:transform .3s}.theory-card.svelte-1io6ppl:hover .theory-image img.svelte-1io6ppl{transform:scale(1.05)}.theory-content.svelte-1io6ppl.svelte-1io6ppl{padding:1.5rem}.theory-content.svelte-1io6ppl h3.svelte-1io6ppl{font-size:1.25rem;margin-bottom:.75rem;color:var(--accent)}.theory-content.svelte-1io6ppl p.svelte-1io6ppl{font-size:.95rem;color:var(--text-secondary);line-height:1.6}.editors-section.svelte-1io6ppl.svelte-1io6ppl{background:var(--bg-secondary)}.instruments-list.svelte-1io6ppl.svelte-1io6ppl{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;gap:6rem}.instrument-full.svelte-1io6ppl.svelte-1io6ppl{background:var(--bg-card);border-radius:20px;padding:3rem;border:1px solid var(--border)}.instrument-title.svelte-1io6ppl.svelte-1io6ppl{font-size:2rem;margin-bottom:.5rem;color:var(--accent)}.instrument-desc.svelte-1io6ppl.svelte-1io6ppl{font-size:1.1rem;color:var(--text-secondary);margin-bottom:2.5rem}.editor-mode-block.svelte-1io6ppl.svelte-1io6ppl{display:grid;grid-template-columns:1.8fr 1fr;gap:2.5rem;align-items:start;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--border)}.editor-mode-block.svelte-1io6ppl.svelte-1io6ppl:last-child{margin-bottom:0;padding-bottom:0;border-bottom:none}.editor-mode-block.reversed.svelte-1io6ppl.svelte-1io6ppl{grid-template-columns:1fr 1.8fr}.editor-mode-block.reversed.svelte-1io6ppl .mode-screenshot.svelte-1io6ppl{order:2}.editor-mode-block.reversed.svelte-1io6ppl .mode-features.svelte-1io6ppl{order:1}.mode-screenshot.svelte-1io6ppl.svelte-1io6ppl{border-radius:12px;overflow:hidden;box-shadow:0 15px 40px #0000004d}.mode-screenshot.svelte-1io6ppl img.svelte-1io6ppl{width:100%;display:block}.mode-features.svelte-1io6ppl h4.svelte-1io6ppl{font-size:1.25rem;margin-bottom:1.25rem;color:var(--text-primary);padding-bottom:.75rem;border-bottom:2px solid var(--accent);display:inline-block}.mode-features.svelte-1io6ppl ul.svelte-1io6ppl{list-style:none;padding:0;margin:0}.mode-features.svelte-1io6ppl li.svelte-1io6ppl{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem;color:var(--text-secondary);font-size:1rem}.mode-features.svelte-1io6ppl li.svelte-1io6ppl:before{content:"→";color:var(--accent);font-weight:700}.features-table-section.svelte-1io6ppl.svelte-1io6ppl{background:var(--bg-primary)}.features-grid.svelte-1io6ppl.svelte-1io6ppl{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.feature-category.svelte-1io6ppl.svelte-1io6ppl{background:var(--bg-card);border-radius:16px;padding:2rem;border:1px solid var(--border);transition:transform .3s,border-color .3s}.feature-category.svelte-1io6ppl.svelte-1io6ppl:hover{transform:translateY(-4px);border-color:var(--accent)}.feature-category.svelte-1io6ppl h3.svelte-1io6ppl{font-size:1.25rem;margin-bottom:1.5rem;color:var(--accent);padding-bottom:.75rem;border-bottom:1px solid var(--border)}.feature-category.svelte-1io6ppl ul.svelte-1io6ppl{list-style:none;padding:0;margin:0}.feature-category.svelte-1io6ppl li.svelte-1io6ppl{display:flex;align-items:flex-start;gap:.5rem;margin-bottom:.75rem;color:var(--text-secondary);font-size:.95rem}.check.svelte-1io6ppl.svelte-1io6ppl{color:var(--accent);font-weight:700;flex-shrink:0}.feature-split.svelte-1io6ppl.svelte-1io6ppl{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:4rem;align-items:center}.feature-split.reversed.svelte-1io6ppl.svelte-1io6ppl{grid-template-columns:1.2fr 1fr}.feature-split.reversed.svelte-1io6ppl .feature-content.svelte-1io6ppl{order:1}.feature-content.svelte-1io6ppl h2.svelte-1io6ppl{font-size:2.25rem;margin-bottom:1rem}.feature-content.svelte-1io6ppl>p.svelte-1io6ppl{color:var(--text-secondary);line-height:1.7;margin-bottom:1.5rem}.feature-list.svelte-1io6ppl.svelte-1io6ppl{list-style:none;padding:0;margin:0}.feature-list.svelte-1io6ppl li.svelte-1io6ppl{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem;color:var(--text-secondary)}.process-list.svelte-1io6ppl.svelte-1io6ppl{list-style:none;padding:0;margin:0 0 2rem}.process-list.svelte-1io6ppl li.svelte-1io6ppl{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;color:var(--text-secondary)}.step-number.svelte-1io6ppl.svelte-1io6ppl{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-dim);color:var(--accent);border-radius:50%;font-weight:600;font-size:.9rem;flex-shrink:0}.feature-image.svelte-1io6ppl.svelte-1io6ppl{border-radius:12px;overflow:hidden;box-shadow:0 20px 50px #0000004d}.feature-image.svelte-1io6ppl img.svelte-1io6ppl{width:100%;display:block}.feature-requests-section.svelte-1io6ppl.svelte-1io6ppl,.arrangement-section.svelte-1io6ppl.svelte-1io6ppl{background:var(--bg-primary)}.cta-section.svelte-1io6ppl.svelte-1io6ppl{background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-primary) 100%);text-align:center;padding:8rem 2rem;position:relative}.cta-section.svelte-1io6ppl.svelte-1io6ppl:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(0,212,170,.1) 0%,transparent 60%);pointer-events:none}.cta-content.svelte-1io6ppl.svelte-1io6ppl{position:relative;z-index:1}.cta-content.svelte-1io6ppl h2.svelte-1io6ppl{font-size:clamp(2rem,5vw,3.5rem);margin-bottom:1rem}.cta-content.svelte-1io6ppl>p.svelte-1io6ppl{color:var(--text-secondary);font-size:1.25rem;margin-bottom:2rem}.footer.svelte-1io6ppl.svelte-1io6ppl{background:var(--bg-secondary);padding:3rem 2rem;border-top:1px solid var(--border)}.footer-content.svelte-1io6ppl.svelte-1io6ppl{max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:2rem}.footer-brand.svelte-1io6ppl.svelte-1io6ppl{display:flex;align-items:center;gap:.5rem}.footer-links.svelte-1io6ppl.svelte-1io6ppl{display:flex;gap:2rem}.footer-link.svelte-1io6ppl.svelte-1io6ppl{color:var(--text-secondary);text-decoration:none;font-size:.9rem;transition:color .2s}.footer-link.svelte-1io6ppl.svelte-1io6ppl:hover{color:var(--text-primary)}.footer-copyright.svelte-1io6ppl.svelte-1io6ppl{color:var(--text-muted);font-size:.85rem}@media (max-width: 1200px){.features-grid.svelte-1io6ppl.svelte-1io6ppl,.theory-grid.svelte-1io6ppl.svelte-1io6ppl{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1024px){.nav-links.svelte-1io6ppl.svelte-1io6ppl{display:none}.theory-grid.svelte-1io6ppl.svelte-1io6ppl{grid-template-columns:1fr}.method-card.svelte-1io6ppl.svelte-1io6ppl,.method-card.reversed.svelte-1io6ppl.svelte-1io6ppl,.feature-split.svelte-1io6ppl.svelte-1io6ppl,.feature-split.reversed.svelte-1io6ppl.svelte-1io6ppl,.editor-mode-block.svelte-1io6ppl.svelte-1io6ppl,.editor-mode-block.reversed.svelte-1io6ppl.svelte-1io6ppl{grid-template-columns:1fr;gap:2rem}.method-card.reversed.svelte-1io6ppl.svelte-1io6ppl,.feature-split.reversed.svelte-1io6ppl .feature-content.svelte-1io6ppl,.editor-mode-block.reversed.svelte-1io6ppl .mode-screenshot.svelte-1io6ppl,.editor-mode-block.reversed.svelte-1io6ppl .mode-features.svelte-1io6ppl{direction:ltr;order:0}}@media (max-width: 900px){.hero-split.svelte-1io6ppl.svelte-1io6ppl{flex-direction:column;gap:3rem}.hero-text.svelte-1io6ppl.svelte-1io6ppl{text-align:left}}@media (max-width: 768px){.nav-actions.svelte-1io6ppl.svelte-1io6ppl{gap:.5rem}.cta-button.small.svelte-1io6ppl.svelte-1io6ppl{padding:.5rem 1rem;font-size:.85rem}.hero-section.svelte-1io6ppl.svelte-1io6ppl{padding-top:6rem}section.svelte-1io6ppl.svelte-1io6ppl{padding:4rem 1.5rem}.features-grid.svelte-1io6ppl.svelte-1io6ppl{grid-template-columns:1fr}.instrument-full.svelte-1io6ppl.svelte-1io6ppl{padding:1.5rem}.footer-content.svelte-1io6ppl.svelte-1io6ppl{flex-direction:column;text-align:center}}