.drone-content.svelte-bbj94s{display:flex;flex-direction:column}.content-header.svelte-bbj94s{display:flex;align-items:center;padding:var(--space-md) var(--space-lg);gap:var(--space-md)}.content-header.svelte-bbj94s .scale-notes:where(.svelte-bbj94s){display:flex;flex-wrap:nowrap;gap:4px;flex:1}.content-header.svelte-bbj94s .scale-note:where(.svelte-bbj94s){font-size:.8rem;font-weight:500;color:var(--text-primary);padding:2px 6px;background-color:var(--bg-secondary);border-radius:var(--radius-sm)}.content-header.svelte-bbj94s .scale-note.root:where(.svelte-bbj94s){font-weight:700;background-color:var(--accent-primary);color:#fff}.header-controls.svelte-bbj94s{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.drone-button-header.svelte-bbj94s{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background-color:var(--accent-primary);color:#fff;border-radius:50%;cursor:pointer;transition:all .2s ease}.drone-button-header.svelte-bbj94s:hover{background-color:var(--accent-primary-hover);transform:scale(1.05)}.drone-button-header.playing.svelte-bbj94s{background-color:#dc2626;animation:svelte-bbj94s-pulse 1.5s ease-in-out infinite}.drone-button-header.playing.svelte-bbj94s:hover{background-color:#b91c1c}@keyframes svelte-bbj94s-pulse{0%,to{opacity:1}50%{opacity:.7}}.key-controls.svelte-bbj94s{display:flex;align-items:center;gap:var(--space-sm);flex-shrink:0}.tonic-select.svelte-bbj94s{padding:6px 10px;border-radius:var(--radius-sm);background-color:var(--bg-secondary);border:1px solid var(--border-secondary);color:var(--text-primary);font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s ease}.tonic-select.svelte-bbj94s:hover{border-color:var(--accent-primary)}.tonic-select.svelte-bbj94s:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 2px #a855f733}.mode-buttons.svelte-bbj94s{display:flex}.mode-btn.svelte-bbj94s{padding:6px 10px;font-size:.75rem;font-weight:600;border:1px solid var(--border-secondary);background-color:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s ease}.mode-btn.svelte-bbj94s:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.mode-btn.svelte-bbj94s:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0}.mode-btn.svelte-bbj94s:not(:first-child){border-left:none}.mode-btn.svelte-bbj94s:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary)}.mode-btn.svelte-bbj94s:hover+.mode-btn:where(.svelte-bbj94s){border-left-color:var(--accent-primary)}.mode-btn.selected.svelte-bbj94s{background-color:var(--accent-primary);color:#fff;border-color:var(--accent-primary)}.mode-btn.selected.svelte-bbj94s+.mode-btn:where(.svelte-bbj94s){border-left-color:var(--accent-primary)}.tab-bar.svelte-bbj94s{display:flex;border-bottom:1px solid var(--border-secondary);padding:0 var(--space-lg)}.tab-button.svelte-bbj94s{flex:1;padding:var(--space-sm) var(--space-md);border:none;background:transparent;color:var(--text-secondary);font-weight:500;font-size:.875rem;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .2s ease}.tab-button.svelte-bbj94s:hover{color:var(--text-primary)}.tab-button.active.svelte-bbj94s{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.content-body.svelte-bbj94s{padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-lg)}.scales-section.svelte-bbj94s{display:flex;flex-direction:column;gap:var(--space-md)}.chords-section.svelte-bbj94s{display:flex;flex-direction:column;gap:var(--space-sm)}.accordion-section.svelte-bbj94s{border:1px solid var(--border-secondary);border-radius:var(--radius-md);overflow:hidden}.accordion-header.svelte-bbj94s{display:flex;align-items:center;justify-content:space-between;width:100%;padding:var(--space-sm) var(--space-md);background-color:var(--bg-secondary);border:none;cursor:pointer;transition:background-color .2s ease;font-family:inherit}.accordion-header.svelte-bbj94s:hover{background-color:var(--bg-tertiary)}.accordion-title.svelte-bbj94s{font-weight:600;font-size:.85rem;color:var(--text-primary)}.accordion-header.svelte-bbj94s .accordion-caret{color:var(--text-secondary);transition:transform .2s ease}.accordion-header.expanded.svelte-bbj94s .accordion-caret{transform:rotate(180deg)}.accordion-content.svelte-bbj94s{padding:var(--space-sm) var(--space-md);display:flex;flex-direction:column;gap:var(--space-sm)}.section-label.svelte-bbj94s{font-weight:600;font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.suggested-scales.svelte-bbj94s{display:flex;flex-direction:column;gap:var(--space-xs)}.scales-row.svelte-bbj94s{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.scale-chip.svelte-bbj94s{display:flex;flex-direction:column;align-items:flex-start;padding:6px 10px;background-color:var(--bg-secondary);border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;transition:all .2s ease;font-family:inherit;text-align:left}.scale-chip-name.svelte-bbj94s{font-weight:600;font-size:.8rem;color:var(--text-primary)}.scale-chip-desc.svelte-bbj94s{font-size:.7rem;color:var(--text-secondary)}.scale-chip.svelte-bbj94s:hover{background-color:var(--bg-tertiary);border-color:var(--accent-primary)}.scale-chip.svelte-bbj94s:hover .scale-chip-name:where(.svelte-bbj94s){color:var(--accent-primary)}.scale-chip.active.svelte-bbj94s{background-color:var(--accent-primary);border-color:var(--accent-primary)}.scale-chip.active.svelte-bbj94s .scale-chip-name:where(.svelte-bbj94s),.scale-chip.active.svelte-bbj94s .scale-chip-desc:where(.svelte-bbj94s){color:#fff}.scale-chip.active.svelte-bbj94s .scale-chip-desc:where(.svelte-bbj94s){opacity:.85}.scale-chip-header.svelte-bbj94s{display:flex;align-items:center;justify-content:space-between;width:100%;gap:var(--space-sm)}.scale-chip-char.svelte-bbj94s{font-size:.75rem;color:var(--accent-primary);font-weight:600;padding:1px 5px;background-color:#a855f726;border-radius:var(--radius-sm)}.scale-chip.active.svelte-bbj94s .scale-chip-char:where(.svelte-bbj94s){color:#fff;background-color:#fff3}.chord-row.svelte-bbj94s{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.chord-chip.svelte-bbj94s{display:inline-flex;align-items:center;gap:4px;padding:6px 10px;border-radius:var(--radius-sm);font-size:.8rem;border:2px solid transparent;cursor:pointer;transition:all .2s ease;font-family:inherit}.chord-chip.primary.svelte-bbj94s{background-color:#22c55e33}.chord-chip.secondary.svelte-bbj94s{background-color:#3b82f633}.chord-chip.diminished.svelte-bbj94s{background-color:#a855f733}.chord-chip.svelte-bbj94s:hover{border-color:var(--accent-primary)}.chord-chip.selected.svelte-bbj94s{border-color:var(--accent-primary);box-shadow:0 0 0 1px var(--accent-primary)}.chord-roman.svelte-bbj94s{font-weight:600;color:var(--text-secondary)}.chord-name.svelte-bbj94s{font-weight:700;color:var(--text-primary)}.chord-spelling.svelte-bbj94s{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm);background-color:var(--bg-secondary);border-radius:var(--radius-sm)}.spelling-label.svelte-bbj94s{font-size:.75rem;color:var(--text-secondary);font-weight:500}.spelling-notes.svelte-bbj94s{display:flex;gap:4px}.spelling-note.svelte-bbj94s{padding:4px 8px;background-color:var(--accent-primary);color:#fff;border-radius:var(--radius-sm);font-weight:600;font-size:.85rem}.spelling-intervals.svelte-bbj94s{font-size:.75rem;color:var(--text-secondary)}.caged-diagrams.svelte-bbj94s{display:flex;flex-direction:column;gap:var(--space-xs);margin-top:var(--space-sm)}.diagrams-row.svelte-bbj94s{display:flex;flex-wrap:wrap;gap:var(--space-sm);justify-content:center}.progressions-row.svelte-bbj94s{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-xs)}.progression-chip.svelte-bbj94s{display:flex;flex-direction:column;padding:6px 10px;background-color:var(--bg-secondary);border-radius:var(--radius-sm)}.progression-name.svelte-bbj94s{font-weight:600;font-size:.85rem;color:var(--text-primary)}.progression-desc.svelte-bbj94s{font-size:.7rem;color:var(--text-secondary)}@media (max-width: 768px){.content-header.svelte-bbj94s{flex-wrap:wrap}.content-header.svelte-bbj94s .key-controls:where(.svelte-bbj94s){order:1}.content-header.svelte-bbj94s .header-controls:where(.svelte-bbj94s){order:2;margin-left:auto}.content-header.svelte-bbj94s .scale-notes:where(.svelte-bbj94s){flex-wrap:wrap;order:3;flex-basis:100%;justify-content:flex-start}}@media (max-width: 480px){.content-header.svelte-bbj94s .scale-note:where(.svelte-bbj94s){font-size:.75rem;padding:2px 4px}.mode-btn.svelte-bbj94s{padding:5px 8px;font-size:.7rem}}