.keyboard-chords-screen{--piano-amber:var(--accent-primary);--piano-green:var(--accent-secondary);--piano-line:#fff5e624;--piano-panel:#fff8eb07;gap:var(--spacing-lg);flex-direction:column;display:flex}.keyboard-chords-screen .unified-selector{border:0;border-bottom:1px solid var(--piano-line);background:0 0;border-radius:0;margin-bottom:0;padding:.7rem 0 1rem}.keyboard-chords-screen .selector-row{justify-content:center}.piano-chord-workbench{gap:var(--spacing-xl);padding:clamp(12px,2vw,22px)0 var(--spacing-lg);isolation:isolate;flex-direction:column;display:flex;position:relative}.piano-chord-workbench:before{content:none}.piano-chord-overview{gap:var(--spacing-xl);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.piano-chord-title-block{min-width:0}.piano-chord-eyebrow,.piano-feature-kicker{color:var(--piano-green);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);text-transform:uppercase;letter-spacing:0;margin-bottom:.35rem;display:block}.piano-chord-heading-row{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.piano-chord-title{color:var(--text-primary);letter-spacing:0;margin:0;font-size:clamp(2rem,4vw,4rem);line-height:.95}.piano-chord-meta-row{gap:var(--spacing-sm);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.piano-chord-meta{border:0;border-bottom:1px solid var(--piano-line);min-height:28px;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:0 0;border-radius:0;align-items:center;padding:0;display:inline-flex}.piano-chord-meta--formula{color:var(--text-primary)}.piano-chord-tones{gap:var(--spacing-sm);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.piano-tone-chip{border:0;border-top:2px solid rgba(var(--accent-secondary-rgb),.65);border-bottom:1px solid var(--piano-line);background:0 0;border-radius:0;grid-template-rows:1fr 1.65rem 1.15rem 1fr;place-items:center;row-gap:.15rem;min-width:58px;min-height:72px;padding:.45rem .65rem;display:grid}.piano-tone-chip--compact{grid-template-rows:1fr 1.45rem 1rem 1fr;min-width:52px;min-height:58px;padding:.35rem .55rem}.piano-tone-chip--root{border-top-color:rgba(var(--accent-primary-rgb),.85)}.piano-chord-tones--compact{justify-content:flex-start}.piano-tone-note{min-height:1.65rem;color:var(--text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);grid-row:2;justify-content:center;align-items:center;line-height:1;display:flex}.piano-tone-degree{min-height:1.15rem;color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);grid-row:3;justify-content:center;align-items:center;margin-top:0;line-height:1;display:flex}.piano-arpeggio-workbench{--piano-amber:var(--accent-primary);--piano-green:var(--accent-secondary);--piano-line:#fff5e624;--piano-panel:#fff8eb07;gap:var(--spacing-lg);padding:clamp(12px,2vw,22px)0 var(--spacing-lg);flex-direction:column;display:flex}.piano-arpeggio-overview{gap:var(--spacing-xl);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.piano-arpeggio-keyboard{min-width:0;padding:var(--spacing-lg)0;border-top:1px solid var(--piano-line);border-bottom:1px solid var(--piano-line);justify-content:center;align-items:center;display:flex;overflow:hidden}.piano-arpeggio-keyboard .piano-diagram{width:min(100%,820px)}.piano-arpeggio-keyboard .piano-diagram__svg{max-width:820px}.piano-arpeggio-overview .piano-tone-chip{border-top-color:rgba(var(--text-secondary-rgb,160,160,160),.34)}.piano-arpeggio-overview .piano-tone-chip--root{border-top-color:rgba(var(--text-primary-rgb,255,255,255),.5)}.piano-arpeggio-keyboard .piano-key--pressed,.piano-arpeggio-keyboard .piano-key--root{fill:var(--accent-primary);filter:none}.piano-feature-layout{gap:var(--spacing-lg);padding:var(--spacing-lg)0;border-top:1px solid var(--piano-line);border-bottom:1px solid var(--piano-line);grid-template-columns:minmax(190px,.34fr) minmax(0,1fr);align-items:stretch;display:grid}.piano-feature-copy{flex-direction:column;justify-content:center;min-height:190px;padding:0 clamp(8px,1.2vw,18px) 0 0;display:flex}.piano-feature-title{color:var(--text-primary);letter-spacing:0;margin:0;font-size:clamp(1.35rem,2vw,1.85rem);line-height:1.12}.piano-feature-notes{margin:var(--spacing-sm)0 0;color:var(--text-secondary);font-size:var(--font-size-lg);font-family:var(--font-family-mono)}.piano-feature-details{gap:var(--spacing-sm);margin-top:var(--spacing-xl);flex-wrap:wrap;display:flex}.piano-feature-details span{border-bottom:1px solid var(--piano-line);color:var(--text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:0 0;border-radius:0;padding:0 0 .25rem}.piano-feature-keyboard{min-width:0;padding:clamp(8px,1.5vw,18px)0 clamp(8px,1.5vw,18px)var(--spacing-lg);border-left:1px solid var(--piano-line);background:0 0;justify-content:center;align-items:center;display:flex;overflow:hidden}.piano-feature-keyboard .piano-diagram__svg{max-width:820px}.piano-feature-keyboard .piano-diagram{width:min(100%,820px)}.piano-voicing-card .piano-diagram{width:100%}.piano-voicings-section{gap:var(--spacing-md);flex-direction:column;display:flex}.piano-section-header{justify-content:space-between;align-items:baseline;gap:var(--spacing-md);padding-top:var(--spacing-sm);border-top:1px solid var(--border-color);display:flex}.piano-section-header h2{color:var(--text-primary);font-size:var(--font-size-xl);margin:0;line-height:1.2}.piano-section-header span{color:var(--text-muted);font-size:var(--font-size-sm)}.piano-voicings-grid{gap:var(--spacing-xl);grid-template-columns:repeat(auto-fit,minmax(min(340px,100%),1fr));display:grid}.piano-voicing-card{gap:var(--spacing-sm);min-width:0;padding:var(--spacing-md)0 0;border:0;border-top:1px solid var(--piano-line);transition:var(--transition-fast);background:0 0;border-radius:0;flex-direction:column;display:flex}.piano-voicing-card--primary{border-top-color:rgba(var(--accent-primary-rgb),.72)}.piano-voicing-card__header{justify-content:space-between;gap:var(--spacing-md);align-items:flex-start;display:flex}.piano-voicing-card__label,.piano-voicing-card__notes,.piano-voicing-card__bass{display:block}.piano-voicing-card__label{color:var(--text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-bold)}.piano-voicing-card__notes{color:var(--text-muted);font-family:var(--font-family-mono);font-size:var(--font-size-xs);margin-top:.2rem}.piano-voicing-card__bass{border-bottom:1px solid rgba(var(--accent-secondary-rgb),.4);color:var(--text-secondary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);background:0 0;border-radius:0;flex:none;padding:0 0 .2rem}.piano-diagram{flex-direction:column;align-items:center;display:flex}.piano-diagram__svg{width:100%;max-width:480px;height:auto}.piano-diagrams-grid{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.piano-diagram-card{padding:var(--spacing-lg);background:var(--surface-1);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);flex-direction:column;align-items:center;display:flex}.piano-key--white{fill:#f5f2ec;stroke:var(--border-color);stroke-width:1px;cursor:default}.piano-key--black{fill:#151311;stroke:#050505;stroke-width:.5px;cursor:default}.piano-key--pressed{fill:var(--piano-amber,var(--accent-primary))}.piano-key--root{fill:var(--piano-green,var(--accent-secondary));filter:brightness(1.2)}.piano-key__label{font-size:10px;font-weight:var(--font-weight-semibold);text-anchor:middle;pointer-events:none;-webkit-user-select:none;user-select:none}.piano-key__label--white{fill:var(--text-on-accent)}.piano-key__label--black{fill:#fff}.piano-diagram__inversion-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);fill:var(--text-secondary);text-anchor:middle}.piano-feature-keyboard .piano-diagram__inversion-label,.piano-voicing-card .piano-diagram__inversion-label{fill:#0000}@media (max-width:900px){.piano-chord-overview,.piano-arpeggio-overview,.piano-feature-layout{grid-template-columns:1fr}.piano-chord-tones,.piano-chord-tones--compact{justify-content:flex-start}.piano-feature-copy{min-height:auto;padding-right:0}.piano-feature-keyboard{border-left:0;border-top:1px solid var(--piano-line);padding-left:0}}@media (max-width:640px){.keyboard-chords-screen{gap:var(--spacing-md)}.piano-chord-workbench,.piano-arpeggio-workbench{padding-top:var(--spacing-sm);gap:var(--spacing-lg)}.piano-chord-title{font-size:2rem}.piano-section-header,.piano-voicing-card__header{flex-direction:column;align-items:flex-start}.piano-voicing-card__bass{align-self:flex-start}.piano-feature-keyboard,.piano-voicing-card{padding-top:var(--spacing-sm)}.piano-arpeggio-keyboard{justify-content:center;overflow-x:hidden}.piano-arpeggio-keyboard .piano-diagram{width:100%;min-width:0}}