.scale-chart-tool{display:flex;flex-direction:column;gap:16px;min-width:0}.scale-chart-board{min-width:0;overflow-x:auto}.scale-progression-builder-placeholder{min-height:560px}.scale-chart-chords{display:flex;flex-direction:column;gap:8px}.scale-chart-chords-title{margin:0;font-size:16px;font-weight:600;color:var(--landing-text, rgb(243, 243, 243))}.scale-chart-chords-title a{color:inherit}.scale-chart-chord-list{display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none}.scale-chart-chord{display:flex;flex-direction:column;align-items:center;gap:4px;min-width:56px;padding:8px 12px;border:1px solid var(--landing-border, rgba(255, 255, 255, .12));border-radius:8px;background:var(--landing-surface, rgba(255, 255, 255, .04));color:var(--landing-text, rgb(243, 243, 243));font:inherit;cursor:pointer}.scale-chart-chord:hover,.scale-chart-chord--selected{border-color:var(--landing-accent, rgb(255, 196, 0))}.scale-chart-chord-numeral{font-size:12px;color:var(--landing-text-muted, rgb(200, 200, 200))}.scale-chart-chord-name{font-size:16px;font-weight:600}.scale-chart-progression-link{margin:0;font-size:14px;line-height:1.5;color:var(--landing-text-muted, rgb(200, 200, 200))}.scale-chart-progression-link a{color:var(--landing-text, rgb(243, 243, 243))}.landing-page--studio .scale-chart-tool{gap:32px}.landing-page--studio .scale-chart-board{--fretboard-btn-border: var(--studio-line-highlight);--fretboard-btn-hover-border: rgba(var(--studio-accent-rgb), .5);--fretboard-btn-hover-background: var(--studio-bg-hover);--fretboard-btn-hover-shadow: none;--fretboard-btn-background: var(--studio-bg-lighter);--fretboard-btn-color: var(--landing-text);--fretboard-btn-active-background: rgba(var(--studio-accent-rgb), .16);--fretboard-btn-active-border: rgba(var(--studio-accent-rgb), .6)}.landing-page--studio .scale-chart-board .fretboard-btn:hover,.landing-page--studio .scale-chart-board .fretboard-btn:active{box-shadow:none;transform:none}.landing-page--studio .fretboard-controls .pentatonic-toggle.pentatonic-toggle--active{outline-color:rgba(var(--studio-accent-rgb),.85)}:root.theme-dark .landing-page--studio .fretboard-controls .pentatonic-toggle.pentatonic-toggle--active .pentatonic-toggle-icon{stroke:var(--landing-accent-text)}:root.theme-dark .landing-page--studio .scale-chart-chord{border-color:var(--studio-line);background:var(--studio-bg-light);transition:border-color .15s ease,background-color .15s ease}:root.theme-dark .landing-page--studio .scale-chart-chord:hover,:root.theme-dark .landing-page--studio .scale-chart-chord--selected{border-color:rgba(var(--studio-accent-rgb),.6);background:rgba(var(--studio-accent-rgb),.1)}.landing-page--studio .scale-progression-builder{gap:24px;margin-top:32px}.landing-page--studio .scale-progression-builder .suggested-chords-section{padding:0;border:none;background:none}.landing-page--studio .scale-progression-builder .suggested-chords-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.landing-page--studio .scale-progression-builder .suggested-chords-header h3{margin:0;font-size:inherit}.landing-page--studio .scale-progression-builder-hint{font-size:14px;font-weight:400;color:var(--landing-text-muted)}:root.theme-dark .landing-page--studio .suggested-chords-toggle-btn{padding:8px 16px;border:1px solid var(--studio-line-highlight);border-radius:8px;background:var(--studio-bg-lighter);box-shadow:none;color:var(--landing-text);font-size:14px;font-weight:500;cursor:pointer;transition:background-color .15s ease,border-color .15s ease}:root.theme-dark .landing-page--studio .suggested-chords-toggle-btn:hover{border-color:rgba(var(--studio-accent-rgb),.5);background:var(--studio-bg-hover)}:root.theme-dark .landing-page--studio .suggested-chords-toggle-btn:focus-visible{outline:2px solid rgba(var(--studio-accent-rgb),.8);outline-offset:2px}:root.theme-dark .landing-page--studio .suggested-chords-footer .suggested-chords-toggle-btn{color:var(--landing-accent-text)}.landing-page--studio .scale-progression-builder .suggested-chords-section .mini-fretboard,.landing-page--studio .scale-progression-strip .mini-fretboard{scale:.7;margin:-32.75px -48px}.landing-page--studio .scale-progression-builder .suggested-chords-section .mini-piano-container,.landing-page--studio .scale-progression-strip .mini-piano-container{scale:.7;margin:-17px -48px}.landing-page--studio .scale-progression-builder .suggested-chord-card{border-radius:16px}.landing-page--studio .suggested-chords-footer{justify-content:flex-end}.landing-page--studio .scale-progression-strip{padding:16px;border:1px solid var(--studio-line-highlight);border-radius:16px;background:#ffffff05;transition:border-color .2s ease}.landing-page--studio .scale-progression-strip:has(.scale-progression-strip-list){border-color:rgba(var(--studio-accent-rgb),.2)}:root.theme-dark .landing-page--studio .scale-progression-strip-remove{top:40px;right:18px}.landing-page--studio .scale-progression-strip-empty{text-align:center}.landing-page--studio .scale-progression-strip-item{animation:scales-chord-pop .28s ease-out both}@keyframes scales-chord-pop{0%{opacity:0;transform:translateY(8px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}:root.theme-dark .landing-page--studio .scale-progression-strip-actions .btn--ghost{border:1px solid var(--studio-line-highlight);color:var(--landing-text-muted)}:root.theme-dark .landing-page--studio .scale-progression-strip-actions .btn--ghost:hover{color:var(--landing-text);background:var(--studio-bg-lighter)}.landing-page--studio .scale-progression-strip-chord{border-radius:16px;cursor:pointer}.landing-page--studio .scale-progression-strip-chord:focus-visible{outline:2px solid rgba(var(--studio-accent-rgb),.8);outline-offset:2px}@media (min-width: 768px){.landing-page--studio .scale-progression-builder .suggested-chords-section .mini-fretboard,.landing-page--studio .scale-progression-strip .mini-fretboard{scale:.68;margin:-36px -52px}.landing-page--studio .scale-progression-builder .suggested-chords-section .mini-piano-container,.landing-page--studio .scale-progression-strip .mini-piano-container{scale:.68;margin:calc(-35.2px + 16px) -52px}}@media (prefers-reduced-motion: reduce){.landing-page--studio .scale-progression-strip-item{animation:none}}