.tool-section.svelte-53af5z{padding:0 0 var(--space-10)}.generator-grid.svelte-53af5z{display:grid;grid-template-columns:minmax(16rem,.38fr) minmax(0,1fr);gap:var(--space-5);align-items:start}.controls-panel.svelte-53af5z,.progression-card.svelte-53af5z{background:var(--color-surface);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-xl)}.controls-panel.svelte-53af5z{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-5);position:sticky;top:var(--space-4)}.field.svelte-53af5z{display:flex;flex-direction:column;gap:var(--space-2)}label.svelte-53af5z,.field-label.svelte-53af5z{font-size:.8125rem;font-weight:700;color:var(--color-on-surface-variant);text-transform:uppercase;letter-spacing:.04em}select.svelte-53af5z{width:100%;min-height:2.75rem;padding:0 var(--space-3);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container-low);color:var(--color-on-surface);font:inherit}.segmented.svelte-53af5z{display:grid;grid-template-columns:repeat(2,1fr);padding:.25rem;border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-lg);background:var(--color-surface-container)}.segmented.svelte-53af5z button:where(.svelte-53af5z),.vibe-grid.svelte-53af5z button:where(.svelte-53af5z),.regenerate-btn.svelte-53af5z,.copy-btn.svelte-53af5z{font:inherit;cursor:pointer}.segmented.svelte-53af5z button:where(.svelte-53af5z){min-height:2.25rem;border:none;border-radius:var(--radius-md);background:transparent;color:var(--color-on-surface-variant);font-weight:700}.segmented.svelte-53af5z button.active:where(.svelte-53af5z){background:var(--color-surface);color:var(--color-primary);box-shadow:var(--shadow-sm)}.vibe-grid.svelte-53af5z{display:grid;gap:var(--space-2)}.vibe-grid.svelte-53af5z button:where(.svelte-53af5z){display:flex;flex-direction:column;gap:.125rem;min-height:3.5rem;padding:var(--space-2) var(--space-3);border:1.5px solid var(--color-outline-variant);border-radius:var(--radius-md);background:var(--color-surface-container-low);color:var(--color-on-surface);text-align:left}.vibe-grid.svelte-53af5z button:where(.svelte-53af5z) span:where(.svelte-53af5z){font-weight:700}.vibe-grid.svelte-53af5z button:where(.svelte-53af5z) small:where(.svelte-53af5z){color:var(--color-on-surface-variant);line-height:1.35}.vibe-grid.svelte-53af5z button.active:where(.svelte-53af5z){border-color:var(--color-primary);background:var(--color-primary-tint)}.regenerate-btn.svelte-53af5z,.copy-btn.svelte-53af5z{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border:none;border-radius:var(--radius-md);font-weight:700}.regenerate-btn.svelte-53af5z{min-height:2.75rem;background:var(--color-primary);color:var(--color-on-primary)}.regenerate-btn.svelte-53af5z .material-symbols-rounded:where(.svelte-53af5z),.copy-btn.svelte-53af5z .material-symbols-rounded:where(.svelte-53af5z){font-size:1.125rem}.results-panel.svelte-53af5z{min-width:0}.results-header.svelte-53af5z{display:flex;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3);color:var(--color-on-surface-variant);font-size:.875rem;font-weight:700}.progression-list.svelte-53af5z{display:grid;gap:var(--space-4)}.progression-card.svelte-53af5z{padding:var(--space-5)}.progression-copy.svelte-53af5z{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4)}h2.svelte-53af5z{margin:0;color:var(--color-on-surface);font-size:1.125rem;line-height:1.25}p.svelte-53af5z{margin:var(--space-1) 0 0;color:var(--color-on-surface-variant);line-height:1.6}.copy-btn.svelte-53af5z{flex:0 0 auto;min-height:2.375rem;padding:0 var(--space-3);border:1.5px solid var(--color-outline-variant);background:var(--color-surface-container-low);color:var(--color-on-surface)}.chord-row.svelte-53af5z,.roman-row.svelte-53af5z{display:grid;grid-template-columns:repeat(auto-fit,minmax(4.75rem,1fr));gap:var(--space-2);margin-top:var(--space-4)}.chord-row.svelte-53af5z span:where(.svelte-53af5z),.roman-row.svelte-53af5z span:where(.svelte-53af5z){display:flex;align-items:center;justify-content:center;min-height:3rem;border-radius:var(--radius-md);font-weight:800;white-space:nowrap}.chord-row.svelte-53af5z span:where(.svelte-53af5z){background:var(--color-primary-tint);color:var(--color-primary);font-size:1.35rem}.roman-row.svelte-53af5z{margin-top:var(--space-2)}.roman-row.svelte-53af5z span:where(.svelte-53af5z){min-height:2rem;background:var(--color-surface-container);color:var(--color-on-surface-variant);font-size:.875rem}.info-section.svelte-53af5z{padding:var(--space-8) 0;border-top:1px solid var(--color-outline-variant);border-bottom:1px solid var(--color-outline-variant);background:var(--color-surface-container-low)}.info-grid.svelte-53af5z{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}.bottom-section.svelte-53af5z{padding:var(--space-8) 0 var(--space-14)}@media(max-width:820px){.generator-grid.svelte-53af5z,.info-grid.svelte-53af5z{grid-template-columns:1fr}.controls-panel.svelte-53af5z{position:static}}@media(max-width:560px){.progression-copy.svelte-53af5z,.results-header.svelte-53af5z{flex-direction:column}.copy-btn.svelte-53af5z{width:100%}}