.progression-strip.svelte-1qf0m1x{background:transparent}.strip-header.svelte-1qf0m1x,.strip-title.svelte-1qf0m1x{display:none}.chords-container.svelte-1qf0m1x{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.chord-block.svelte-1qf0m1x{display:flex;flex-direction:column;align-items:center;padding:.75rem 1.25rem;background:#111;border:1px solid #333;cursor:pointer;transition:all .1s ease;min-width:70px}.chord-block.svelte-1qf0m1x:hover{border-color:#555}.chord-block.active.svelte-1qf0m1x{background:#fff;border-color:#fff}.chord-block.active.svelte-1qf0m1x .roman:where(.svelte-1qf0m1x),.chord-block.active.svelte-1qf0m1x .chord-name:where(.svelte-1qf0m1x){color:#000}.roman.svelte-1qf0m1x{font-size:11px;color:#555;font-weight:500;margin-bottom:2px;font-family:inherit}.chord-name.svelte-1qf0m1x{font-size:16px;font-weight:700;color:#fff}.arrow.svelte-1qf0m1x{color:#333;font-size:16px;margin:0 .25rem}@media(max-width:768px){.chords-container.svelte-1qf0m1x{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.chord-block.svelte-1qf0m1x{padding:.5rem .75rem;min-width:55px;flex-shrink:0}.roman.svelte-1qf0m1x{font-size:9px}.chord-name.svelte-1qf0m1x{font-size:13px}.arrow.svelte-1qf0m1x{font-size:12px;margin:0 .15rem}}.piano-roll-container.svelte-1vdjry7{background:transparent;max-width:100%}.roll-header.svelte-1vdjry7{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.roll-title.svelte-1vdjry7{font-size:9px;font-weight:600;color:#444;text-transform:uppercase;letter-spacing:2px}.controls.svelte-1vdjry7{display:flex;align-items:center;gap:1rem}.bpm-display.svelte-1vdjry7{font-size:9px;color:#444;font-weight:500;letter-spacing:1px}.play-btn.svelte-1vdjry7{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#111;border:1px solid #333;color:#666;cursor:pointer;transition:all .1s ease}.play-btn.svelte-1vdjry7:hover{border-color:#555;color:#fff}.play-btn.playing.svelte-1vdjry7{background:#fff;border-color:#fff;color:#000}.export-btn.svelte-1vdjry7{display:flex;align-items:center;gap:.4rem;padding:.4rem .75rem;background:#111;border:1px solid #333;color:#666;cursor:pointer;transition:all .1s ease;font-family:inherit;font-size:9px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.export-btn.svelte-1vdjry7:hover{border-color:#555;color:#fff}.export-btn.success.svelte-1vdjry7{background:#1a472a;border-color:#2d5a3d;color:#4ade80}.export-label.svelte-1vdjry7{line-height:1}.roll-wrapper.svelte-1vdjry7{display:flex;background:#0a0a0a;border:1px solid #222;overflow:hidden;max-width:100%}.note-labels.svelte-1vdjry7{display:flex;flex-direction:column;background:#111;border-right:1px solid #222}.note-label.svelte-1vdjry7{height:12px;padding:0 4px;font-size:7px;color:#444;display:flex;align-items:center;justify-content:flex-end;min-width:28px}.note-label.black.svelte-1vdjry7{background:#0a0a0a}.roll-scroll.svelte-1vdjry7{overflow-x:auto;flex:1;-webkit-overflow-scrolling:touch}@media(max-width:768px){.roll-header.svelte-1vdjry7{flex-wrap:wrap;gap:.5rem}.controls.svelte-1vdjry7{gap:.5rem}.export-btn.svelte-1vdjry7{padding:.3rem .5rem}.export-label.svelte-1vdjry7{display:none}}.roll-svg.svelte-1vdjry7{display:block}.note-block.svelte-1vdjry7{fill:#333;transition:all .1s ease}.note-block.active.svelte-1vdjry7{fill:#fff}.v-scrollbar.svelte-1u3nuoj{position:absolute;top:0;right:0;width:var(--svrollbar-track-width, 10px)}.v-scrollbar.fixed.svelte-1u3nuoj{position:fixed}.v-track.svelte-1u3nuoj{position:absolute;top:0;right:0;border-radius:var(--svrollbar-track-radius, initial);width:var(--svrollbar-track-width, 10px);opacity:var(--svrollbar-track-opacity, 1);background:var(--svrollbar-track-background, initial);box-shadow:var(--svrollbar-track-shadow, initial)}.v-thumb.svelte-1u3nuoj{position:relative;margin:0 auto;border-radius:var(--svrollbar-thumb-radius, .25rem);width:var(--svrollbar-thumb-width, 6px);opacity:var(--svrollbar-thumb-opacity, .5);background:var(--svrollbar-thumb-background, gray);box-shadow:var(--svrollbar-thumb-shadow, initial)}.scale-visualizer.svelte-lhpf9u{background:transparent}.header.svelte-lhpf9u,.title.svelte-lhpf9u{display:none}.play-scale-btn.svelte-lhpf9u{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:transparent;border:1px solid #333;color:#666;font-family:inherit;font-size:11px;cursor:pointer;transition:all .1s ease;letter-spacing:1px}.play-scale-btn.svelte-lhpf9u:hover{background:#fff;border-color:#fff;color:#000}.category-tabs.svelte-lhpf9u{display:flex;gap:2px;margin-bottom:1.5rem}.tab.svelte-lhpf9u{padding:.75rem 1rem;background:#111;border:1px solid #333;color:#666;font-family:inherit;font-size:10px;letter-spacing:1px;text-transform:uppercase;cursor:pointer;transition:all .1s ease}.tab.svelte-lhpf9u:hover{color:#fff}.tab.active.svelte-lhpf9u{background:#fff;border-color:#fff;color:#000}.scale-list-wrapper.svelte-lhpf9u{position:relative;margin-bottom:1.5rem}.scale-list.svelte-lhpf9u{max-height:240px;overflow-y:auto;scrollbar-width:none}.scale-list.svelte-lhpf9u::-webkit-scrollbar{display:none}.scale-list-contents.svelte-lhpf9u{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px}.scale-item.svelte-lhpf9u{background:#111;border:1px solid #222;padding:.75rem;cursor:pointer;transition:all .1s ease;text-align:left}.scale-item.svelte-lhpf9u:hover{border-color:#444}.scale-item.selected.svelte-lhpf9u{background:#fff;border-color:#fff}.scale-item.selected.svelte-lhpf9u .scale-name:where(.svelte-lhpf9u){color:#000}.scale-item.selected.svelte-lhpf9u .scale-character:where(.svelte-lhpf9u){color:#444}.scale-item.selected.svelte-lhpf9u .mood-tag:where(.svelte-lhpf9u){background:#000!important;color:#fff}.scale-item.selected.svelte-lhpf9u .genre-tag:where(.svelte-lhpf9u){background:#eee;color:#000}.scale-header.svelte-lhpf9u{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;margin-bottom:.35rem}.scale-name.svelte-lhpf9u{font-size:12px;font-weight:600;color:#fff}.mood-tag.svelte-lhpf9u{padding:.1rem .3rem;background:#333!important;font-size:9px;font-weight:600;color:#888;white-space:nowrap;text-transform:uppercase;letter-spacing:.5px}.scale-character.svelte-lhpf9u{font-size:10px;color:#555;margin:0 0 .35rem;line-height:1.3}.scale-genres.svelte-lhpf9u{display:flex;flex-wrap:wrap;gap:2px}.genre-tag.svelte-lhpf9u{padding:.1rem .25rem;background:#1a1a1a;font-size:8px;color:#555;text-transform:uppercase;letter-spacing:.5px}.scale-list-wrapper.svelte-lhpf9u .v-scrollbar{width:6px;right:2px}.scale-list-wrapper.svelte-lhpf9u .v-scrollbar .v-track{background:transparent}.scale-list-wrapper.svelte-lhpf9u .v-scrollbar .v-thumb{background:#444;border-radius:3px}.scale-list-wrapper.svelte-lhpf9u .v-scrollbar .v-thumb:hover{background:#666}@media(max-width:768px){.category-tabs.svelte-lhpf9u{gap:2px;flex-wrap:wrap}.tab.svelte-lhpf9u{padding:.4rem .6rem;font-size:9px}.scale-list-contents.svelte-lhpf9u{grid-template-columns:1fr}.scale-list.svelte-lhpf9u{max-height:200px}.scale-item.svelte-lhpf9u{padding:.6rem}.scale-name.svelte-lhpf9u{font-size:11px}}.mood-progressions.svelte-1fulq4l{background:transparent}.title.svelte-1fulq4l{display:none}.mood-tabs.svelte-1fulq4l{display:flex;gap:2px;margin-bottom:1.5rem;flex-wrap:wrap}.mood-tab.svelte-1fulq4l{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#111;border:1px solid #333;color:#666;font-family:inherit;font-size:10px;cursor:pointer;transition:all .1s ease;text-transform:uppercase;letter-spacing:1px}.mood-tab.svelte-1fulq4l:hover{color:#fff}.mood-tab.active.svelte-1fulq4l{background:#fff;border-color:#fff;color:#000}.emoji.svelte-1fulq4l{font-size:12px}.mood-name.svelte-1fulq4l{font-weight:600}.presets-grid.svelte-1fulq4l{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:4px;max-height:320px;overflow-y:auto}.preset-card.svelte-1fulq4l{background:#111;border:1px solid #222;padding:1rem;cursor:pointer;transition:all .1s ease;text-align:left}.preset-card.svelte-1fulq4l:hover{border-color:#444}.preset-card.selected.svelte-1fulq4l{background:#fff;border-color:#fff}.preset-card.selected.svelte-1fulq4l .preset-name:where(.svelte-1fulq4l),.preset-card.selected.svelte-1fulq4l .detail-value:where(.svelte-1fulq4l),.preset-card.selected.svelte-1fulq4l .numeral:where(.svelte-1fulq4l){color:#000}.preset-card.selected.svelte-1fulq4l .preset-description:where(.svelte-1fulq4l),.preset-card.selected.svelte-1fulq4l .detail-label:where(.svelte-1fulq4l){color:#444}.preset-card.selected.svelte-1fulq4l .preset-bpm:where(.svelte-1fulq4l){background:#000;color:#fff}.preset-card.selected.svelte-1fulq4l .genre-tag:where(.svelte-1fulq4l){background:#eee;color:#000}.preset-card.selected.svelte-1fulq4l .numeral:where(.svelte-1fulq4l){background:#000;color:#fff}.preset-card.selected.svelte-1fulq4l .progression-preview:where(.svelte-1fulq4l){background:#f5f5f5}.preset-header.svelte-1fulq4l{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.preset-name.svelte-1fulq4l{font-size:12px;font-weight:700;color:#fff;text-transform:uppercase;letter-spacing:1px}.preset-bpm.svelte-1fulq4l{padding:.2rem .4rem;background:#222;font-size:9px;color:#666;font-weight:600;letter-spacing:.5px}.preset-description.svelte-1fulq4l{font-size:10px;color:#555;margin:0 0 .75rem;line-height:1.4}.preset-details.svelte-1fulq4l{margin-bottom:.75rem}.detail-row.svelte-1fulq4l{display:flex;gap:.5rem;margin-bottom:.25rem}.detail-label.svelte-1fulq4l{font-size:9px;color:#444;min-width:45px;text-transform:uppercase;letter-spacing:.5px}.detail-value.svelte-1fulq4l{font-size:11px;color:#888;font-weight:500}.detail-value.chords.svelte-1fulq4l{font-family:inherit;color:#888}.preset-genres.svelte-1fulq4l{display:flex;flex-wrap:wrap;gap:2px;margin-bottom:.75rem}.genre-tag.svelte-1fulq4l{padding:.1rem .3rem;background:#1a1a1a;font-size:8px;color:#555;text-transform:uppercase;letter-spacing:.5px}.progression-preview.svelte-1fulq4l{display:flex;align-items:center;gap:4px;padding:.5rem;background:#0a0a0a;flex-wrap:wrap}.numeral.svelte-1fulq4l{padding:.25rem .5rem;background:#333;font-size:11px;font-weight:700;color:#fff}.arrow.svelte-1fulq4l{color:#333;font-size:10px}@media(max-width:768px){.mood-tabs.svelte-1fulq4l{gap:2px;flex-wrap:wrap}.mood-tab.svelte-1fulq4l{padding:.4rem .6rem;font-size:9px;flex:1 1 auto;justify-content:center;min-width:calc(25% - 2px)}.emoji.svelte-1fulq4l{font-size:10px}.presets-grid.svelte-1fulq4l{grid-template-columns:1fr;max-height:280px}.preset-card.svelte-1fulq4l{padding:.75rem}.preset-name.svelte-1fulq4l{font-size:11px}.detail-value.chords.svelte-1fulq4l{word-break:break-word}.progression-preview.svelte-1fulq4l{padding:.4rem}.numeral.svelte-1fulq4l{padding:.2rem .4rem;font-size:10px}}body{margin:0;background:#000;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,monospace}*{box-sizing:border-box}.app.svelte-1uha8ag{min-height:100vh;display:flex;flex-direction:column}.bpm-control.svelte-1uha8ag{display:flex;align-items:center;gap:.5rem}.bpm-label.svelte-1uha8ag{font-size:10px;color:#666;letter-spacing:1px}.bpm-control.svelte-1uha8ag input:where(.svelte-1uha8ag){width:60px;padding:.5rem;background:#111;border:1px solid #333;color:#fff;font-family:inherit;font-size:12px;text-align:center}.main.svelte-1uha8ag{flex:1;padding:2rem;display:flex;flex-direction:column;gap:3rem}.section.svelte-1uha8ag{display:flex;flex-direction:column;gap:1rem}.section-header.svelte-1uha8ag{display:flex;align-items:center;gap:1rem;border-bottom:1px solid #222;padding-bottom:.75rem}.step-num.svelte-1uha8ag{font-size:10px;color:#666;letter-spacing:1px}.section-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:11px;font-weight:600;letter-spacing:3px;margin:0;color:#888}.key-grid.svelte-1uha8ag{display:flex;gap:4px;flex-wrap:wrap;position:relative}.key-btn.svelte-1uha8ag{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#111;border:1px solid #333;color:#888;font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;position:relative;overflow:visible;isolation:isolate}.key-btn.svelte-1uha8ag:hover:not(.active){background:#222;color:#fff}.key-btn.active.svelte-1uha8ag{color:#000;border-color:#fff;background:#fff}.visual-row.svelte-1uha8ag{display:grid;grid-template-columns:1fr 360px;gap:2rem}@media(max-width:900px){.visual-row.svelte-1uha8ag{grid-template-columns:1fr}}.visual-block.svelte-1uha8ag{background:#0a0a0a;border:1px solid #222;padding:1rem}.circle-block.svelte-1uha8ag{display:flex;align-items:center;justify-content:center}.progression-row.svelte-1uha8ag{margin-bottom:1rem}.roll-container.svelte-1uha8ag{background:#0a0a0a;border:1px solid #222;padding:1rem}.builder-header-section.svelte-1uha8ag{margin-top:2rem}.diatonic-section.svelte-1uha8ag{margin-bottom:1.5rem}.diatonic-label.svelte-1uha8ag{display:block;font-size:10px;color:#666;text-transform:uppercase;letter-spacing:1px;margin-bottom:.75rem}.diatonic-card.svelte-1uha8ag{display:flex;flex-direction:column;align-items:center;padding:.5rem;background:#0a0a0a;border:1px solid #333;min-width:65px;gap:.25rem;flex-shrink:0}.diatonic-card.is-tonic.svelte-1uha8ag{background:#1a1a1a;border-color:#444;position:relative}.diatonic-card.is-tonic.svelte-1uha8ag:before{content:"I";position:absolute;top:-6px;right:-6px;width:14px;height:14px;background:#666;color:#000;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;border-radius:2px}.diatonic-card.svelte-1uha8ag .chord-header:where(.svelte-1uha8ag){display:flex;flex-direction:column;align-items:center;gap:2px}.diatonic-card.svelte-1uha8ag .play-btn:where(.svelte-1uha8ag){width:100%;height:22px;border:none;background:#333;color:#fff;border-radius:1px;font-size:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .1s ease;padding:0;margin-top:6px}.diatonic-card.svelte-1uha8ag .play-btn:where(.svelte-1uha8ag):hover{background:#555}.diatonic-card.svelte-1uha8ag .play-btn:where(.svelte-1uha8ag):active{background:#666}.diatonic-card.svelte-1uha8ag .roman:where(.svelte-1uha8ag){font-size:14px;font-weight:700;color:#fff}.diatonic-card.is-tonic.svelte-1uha8ag .roman:where(.svelte-1uha8ag){color:#fff}.diatonic-card.svelte-1uha8ag .chord-name:where(.svelte-1uha8ag){font-size:12px;font-weight:600;color:#888}.diatonic-card.is-tonic.svelte-1uha8ag .chord-name:where(.svelte-1uha8ag){color:#fff}.diatonic-card.svelte-1uha8ag .chord-quality:where(.svelte-1uha8ag){font-size:9px;color:#555;text-transform:uppercase;letter-spacing:.5px}.diatonic-card.svelte-1uha8ag .chord-notes:where(.svelte-1uha8ag){display:none}@media(min-width:768px){.diatonic-card.svelte-1uha8ag .chord-notes:where(.svelte-1uha8ag){display:flex;gap:4px;margin-top:.25rem}}.diatonic-card.svelte-1uha8ag .note:where(.svelte-1uha8ag){font-size:10px;color:#666;padding:2px 4px;background:#1a1a1a}.diatonic-card.is-tonic.svelte-1uha8ag .note:where(.svelte-1uha8ag){background:#222}.mini-keys.svelte-1uha8ag{display:flex;gap:1px;margin-top:.5rem;height:16px;flex-shrink:0}.mini-key.svelte-1uha8ag{width:5px;height:16px;background:#222;border:1px solid #333;flex-shrink:0}.mini-key.black.svelte-1uha8ag{background:#111;height:10px;margin-left:-2px;margin-right:-2px;z-index:1}.mini-key.active.svelte-1uha8ag{background:#666}.mini-key.root.svelte-1uha8ag{background:#fff}.mini-key.black.active.svelte-1uha8ag{background:#888}.mini-key.black.root.svelte-1uha8ag{background:#fff}.diatonic-card.svelte-1uha8ag{cursor:pointer;font-family:inherit;text-align:center}.diatonic-card.svelte-1uha8ag:hover{border-color:#555}.diatonic-card.selected.svelte-1uha8ag{border-color:#fff;background:#1a1a1a}.expanded-chord-view.svelte-1uha8ag{padding:1rem;background:#111;border:1px solid #333}.expanded-header.svelte-1uha8ag{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid #222;flex-wrap:wrap}.expanded-roman.svelte-1uha8ag{font-size:24px;font-weight:700;color:#fff}.expanded-name.svelte-1uha8ag{font-size:20px;font-weight:600;color:#fff}.expanded-quality.svelte-1uha8ag{font-size:12px;color:#666;text-transform:uppercase;letter-spacing:1px;padding:.25rem .5rem;background:#222}.expanded-notes.svelte-1uha8ag{font-size:14px;color:#888;margin-left:auto}@media(max-width:768px){.expanded-chord-view.svelte-1uha8ag{padding:.75rem}.expanded-header.svelte-1uha8ag{gap:.5rem}.expanded-roman.svelte-1uha8ag{font-size:18px}.expanded-name.svelte-1uha8ag{font-size:16px}.expanded-notes.svelte-1uha8ag{width:100%;margin-left:0;margin-top:.5rem}}.info-footer.svelte-1uha8ag{display:flex;gap:3rem;padding:1.5rem 0;border-top:1px solid #222;margin-top:auto}.info-item.svelte-1uha8ag{display:flex;flex-direction:column;gap:.25rem}.info-label.svelte-1uha8ag{font-size:9px;color:#555;letter-spacing:2px}.info-value.svelte-1uha8ag{font-size:12px;color:#888;letter-spacing:1px}@media(max-width:768px){.main.svelte-1uha8ag{padding:1rem;gap:2rem}.section.svelte-1uha8ag{margin-bottom:1rem}.key-grid.svelte-1uha8ag{justify-content:flex-start}.key-btn.svelte-1uha8ag{width:43px;height:42px;font-size:12px}.visual-row.svelte-1uha8ag{grid-template-columns:1fr;gap:1rem}.visual-block.svelte-1uha8ag{padding:.75rem;overflow-x:auto}.circle-block.svelte-1uha8ag{min-height:280px}.roll-container.svelte-1uha8ag{padding:.75rem;overflow-x:auto}.info-footer.svelte-1uha8ag{flex-direction:column;gap:.75rem;padding:1rem 0}.info-value.svelte-1uha8ag{font-size:11px;word-break:break-word}}@media(max-width:480px){.main.svelte-1uha8ag{padding:.75rem}.key-btn.svelte-1uha8ag{width:42px;height:42px;font-size:9px}.section-header.svelte-1uha8ag h2:where(.svelte-1uha8ag){font-size:10px;letter-spacing:2px}.bpm-control.svelte-1uha8ag input:where(.svelte-1uha8ag){width:50px;padding:.4rem}}