:root .song-modal .common-progressions-modal.modal-panel{display:flex;flex-direction:column;width:min(1180px,94vw);height:94vh;max-height:94vh;padding-top:16px;box-sizing:border-box;overflow:hidden}:root .song-modal .common-progressions-modal .modal-header{align-items:center;margin-bottom:16px}.common-progressions-modal .common-progressions-panel{display:flex;flex:1 1 0;flex-direction:column;min-height:0}.common-progressions-modal .cp-alterations-button{margin-right:auto}.common-progressions-panel .cp-genres{display:flex;flex-shrink:0;gap:8px;margin-bottom:16px;padding-bottom:4px;overflow-x:auto}.common-progressions-panel .cp-genre-chip{flex-shrink:0;border-radius:999px}.common-progressions-panel .cp-list{flex:1 1 0;min-height:200px;padding:16px;overflow-y:auto;border:1px solid var(--song-modal-border);border-radius:var(--song-modal-radius-small);background:transparent}.common-progressions-panel .cp-list-label{margin:0 0 8px;color:var(--song-modal-text-subtle);font-size:.75rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.cp-list-grid+.common-progressions-panel .cp-list-label{margin-top:24px}.common-progressions-panel .cp-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}.common-progressions-panel .cp-card{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:12px;border:1px solid var(--song-modal-border);border-radius:var(--song-modal-radius-small);background:var(--song-modal-raised);box-shadow:var(--song-modal-highlight);color:var(--song-modal-text);font:inherit;text-align:left;cursor:pointer;transition:background .15s ease,border-color .15s ease}.common-progressions-panel .cp-card:hover{border-color:var(--song-modal-border-strong);background:var(--song-modal-hover)}.common-progressions-panel .cp-card:focus-visible{outline:2px solid var(--song-modal-accent-outline);outline-offset:2px}.common-progressions-panel .cp-card--selected,.common-progressions-panel .cp-card--selected:hover{border-color:var(--song-modal-accent-outline);background:var(--song-modal-accent-soft)}.common-progressions-panel .cp-card-name{font-size:.9rem;font-weight:600}.common-progressions-panel .cp-card-chords,.common-progressions-panel .cp-card-numerals{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:pre}.common-progressions-panel .cp-card-chords{color:var(--song-modal-text);font-size:.85rem}.common-progressions-panel .cp-card-numerals{color:var(--song-modal-text-muted);font-size:.75rem;line-height:1.5}.common-progressions-panel .cp-card--selected .cp-card-name{color:var(--song-modal-accent-text)}.common-progressions-panel .cp-preview{flex:0 0 auto;margin-top:16px}.common-progressions-panel .cp-preview-chords{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:center;gap:8px;height:232px;overflow-y:auto}.common-progressions-panel .cp-preview-chord{zoom:.6}.common-progressions-panel .cp-missing-chord{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;width:160px;margin:16px 4px;padding:16px;border:1px dashed var(--song-modal-border-strong);border-radius:var(--song-modal-radius-small);color:var(--song-modal-text-muted);font-size:.75rem;line-height:1.5;text-align:center}.common-progressions-panel .cp-missing-chord-numeral{color:var(--song-modal-text);font-size:1rem;font-weight:600}.common-progressions-panel .cp-preview-empty{align-self:center;color:var(--song-modal-text-muted);font-size:.85rem}:root .song-modal .common-progressions-modal .cp-genre-chip--active.btn--secondary{border-color:var(--song-modal-accent-outline);background:var(--song-modal-accent-soft);color:var(--song-modal-accent-text)}:root .song-modal .common-progressions-modal .cp-genre-chip--active.btn--secondary:hover:not(:disabled){background:var(--song-modal-accent-soft)}