.shared-chord-progression-input,.shared-chord-progression-dropdown,.shared-chord-progression-inline-content{--cp-input-border:color-mix(in srgb, var(--theme-primary,#6366f1) 34%, #c7d2fe);--cp-input-bg:var(--theme-surface,#fff);--cp-input-text:var(--theme-text,#0f172a);--cp-focus-border:color-mix(in srgb, var(--theme-primary,#7c3aed) 56%, #c4b5fd);--cp-focus-ring:var(--theme-focus-ring,0 0 0 2px #7c3aed24);--cp-surface-border:#c3affb;--cp-surface-bg:#fff;--cp-surface-shadow:0 14px 30px #4338ca24;--cp-chip-border:#b3befc;--cp-chip-bg:#fefeff;--cp-chip-hover-border:#a681f6;--cp-chip-hover-bg:#f9f7ff;--cp-chip-hover-shadow:0 6px 14px #4f46e51a;--cp-chip-hover-transform:translateY(-1px);--cp-chip-active-border:#8666e8;--cp-chip-active-bg:#f1eeff;--cp-chip-active-shadow:inset 0 0 0 1px #6d28d924, 0 4px 10px #4338ca0f;--cp-title-color:#1e1b4b;--cp-meta-color:#5b5d84;--cp-item-padding:.68rem .82rem;--cp-item-gap:.2rem;--cp-item-min-height:4rem;--cp-item-radius:.68rem;--cp-title-size:var(--font-size-lg,.98rem);--cp-title-weight:var(--font-weight-bold,700);--cp-meta-size:var(--font-size-sm,.8rem);--cp-meta-line-height:1.34;--cp-control-height:var(--control-height,2.28rem);--cp-control-radius:var(--control-radius,.65rem);--cp-control-font-size:var(--control-font-size,.9rem);--cp-control-line-height:1.2;--cp-control-padding:calc(var(--space-2,8px) - 1px) calc(var(--space-3,12px) + 1px);--cp-surface-padding:.78rem .8rem;--cp-surface-gap:.58rem;--cp-surface-radius:.82rem;--cp-preset-list-gap:.44rem;--cp-text-input-shadow:none;--cp-text-input-focus-shadow:var(--cp-focus-ring)}.shared-chord-progression-input{flex-direction:column;gap:.38rem;display:flex}.shared-chord-progression-anchor{width:100%}.shared-chord-progression-text,.shared-chord-progression-trigger{box-sizing:border-box;border:1px solid var(--cp-input-border);border-radius:var(--cp-control-radius);background:var(--cp-input-bg);width:100%;color:var(--cp-input-text);font:inherit;font-size:var(--cp-control-font-size);line-height:var(--cp-control-line-height);min-height:var(--cp-control-height);padding:var(--cp-control-padding);box-shadow:var(--cp-text-input-shadow)}.shared-chord-progression-trigger{cursor:pointer;justify-content:space-between;align-items:center;display:inline-flex}.shared-chord-progression-trigger-text{text-overflow:ellipsis;white-space:nowrap;text-align:left;overflow:hidden}.shared-chord-progression-text:disabled,.shared-chord-progression-trigger:disabled{opacity:.6;cursor:not-allowed}.shared-chord-progression-dropdown{min-width:min(460px,100vw - 24px);max-width:min(560px,100vw - 24px)}.shared-chord-progression-inline-content{width:100%}.shared-chord-progression-inline-list{gap:var(--cp-surface-gap);flex-direction:column;display:flex}.shared-chord-progression-dropdown-list{gap:var(--cp-surface-gap);padding:var(--cp-surface-padding);flex-direction:column;display:flex}.shared-chord-progression-preset-list{gap:var(--cp-preset-list-gap);grid-template-columns:1fr;max-height:min(58vh,560px);display:grid;overflow:auto}.shared-chord-progression-preset-list--cols-1{grid-template-columns:1fr}.shared-chord-progression-preset-list--cols-2{grid-template-columns:1fr 1fr;max-height:none;overflow:visible}.shared-chord-progression-preset{border:1px solid var(--cp-chip-border);border-radius:var(--cp-item-radius);background:var(--cp-chip-bg);color:inherit;text-align:left;padding:var(--cp-item-padding);min-height:var(--cp-item-min-height);gap:var(--cp-item-gap);cursor:pointer;flex-direction:column;transition:border-color .12s,background-color .12s,box-shadow .12s,transform .12s;display:flex}.shared-chord-progression-preset:hover{border-color:var(--cp-chip-hover-border);background:var(--cp-chip-hover-bg);box-shadow:var(--cp-chip-hover-shadow);transform:var(--cp-chip-hover-transform)}.shared-chord-progression-preset.active{border-color:var(--cp-chip-active-border);background:var(--cp-chip-active-bg);box-shadow:var(--cp-chip-active-shadow)}.shared-chord-progression-name{font-weight:var(--cp-title-weight);font-size:var(--cp-title-size);color:var(--cp-title-color);line-height:1.24}.shared-chord-progression-description,.shared-chord-progression-resolved{font-size:var(--cp-meta-size);line-height:var(--cp-meta-line-height);color:var(--cp-meta-color)}.shared-chord-progression-error,.shared-chord-progression-warning{margin:0;font-size:.72rem;line-height:1.3}.shared-chord-progression-error{color:#b91c1c}.shared-chord-progression-warning{color:#92400e}.shared-chord-progression-text:focus{border-color:var(--cp-focus-border);box-shadow:var(--cp-text-input-focus-shadow);outline:none}.shared-chord-progression-trigger:focus-visible{border-color:var(--cp-focus-border);box-shadow:var(--cp-text-input-focus-shadow);outline:none}.shared-chord-progression-input--piano,.shared-chord-progression-dropdown--piano,.shared-chord-progression-inline-content--piano{--cp-input-border:#cabeef;--cp-input-bg:#fbfaff;--cp-focus-border:#7c3aed;--cp-focus-ring:0 0 0 2px #7c3aed2e;--cp-text-input-shadow:inset 0 1px 0 #fff9;--cp-text-input-focus-shadow:inset 0 1px 0 #fff9, 0 0 0 2px #7c3aed2e;--cp-surface-border:#cec5ef;--cp-surface-shadow:0 18px 38px #4338ca24;--cp-surface-padding:.56rem .6rem;--cp-surface-gap:.44rem;--cp-preset-list-gap:.34rem;--cp-item-padding:.5rem .68rem;--cp-item-min-height:auto;--cp-item-radius:.58rem;--cp-title-size:var(--font-size-sm,.88rem);--cp-meta-size:.74rem;--cp-meta-line-height:1.28;--cp-chip-hover-border:#a37cf6;--cp-chip-hover-bg:#f8f7ff;--cp-chip-active-border:#9769f3;--cp-chip-active-bg:#f4f1fe}.shared-chord-progression-input--piano .shared-chord-progression-text:hover:not(:focus),.shared-chord-progression-dropdown--piano .shared-chord-progression-text:hover:not(:focus),.shared-chord-progression-inline-content--piano .shared-chord-progression-text:hover:not(:focus){border-color:#a986f7}.shared-chord-progression-input--piano .shared-chord-progression-text:focus,.shared-chord-progression-dropdown--piano .shared-chord-progression-text:focus,.shared-chord-progression-inline-content--piano .shared-chord-progression-text:focus{background:#fff}.shared-chord-progression-input--chords{--cp-input-border:#abb4fa;--cp-focus-border:#7374ef;--cp-surface-border:#adb6fb;--cp-surface-shadow:0 12px 24px #4338ca29;--cp-chip-hover-border:#8892f7;--cp-chip-hover-bg:#f3f6ff;--cp-chip-active-border:#7374ef;--cp-chip-active-bg:#edf1ff}.shared-chord-progression-input--words{--cp-input-border:#81cccf;--cp-focus-border:#31b1bc;--cp-focus-ring:0 0 0 2px #0a8a8f24;--cp-surface-border:#9ccddd;--cp-surface-shadow:0 10px 20px #0284c729;--cp-chip-border:#9dc3cd;--cp-chip-hover-border:#3abbc6;--cp-chip-hover-bg:#f4fefb;--cp-chip-active-border:#33b3be;--cp-chip-active-bg:#e9fdf9}.shared-chord-progression-dropdown--chords,.shared-chord-progression-inline-content--chords{--cp-surface-border:#adb6fb;--cp-surface-shadow:0 12px 24px #4338ca29;--cp-focus-border:#7374ef;--cp-chip-hover-border:#8892f7;--cp-chip-hover-bg:#f3f6ff;--cp-chip-active-border:#7374ef;--cp-chip-active-bg:#edf1ff}.shared-chord-progression-dropdown--words,.shared-chord-progression-inline-content--words{--cp-surface-border:#9ccddd;--cp-surface-shadow:0 10px 20px #0284c729;--cp-focus-border:#31b1bc;--cp-focus-ring:0 0 0 2px #0a8a8f24;--cp-chip-border:#9dc3cd;--cp-chip-hover-border:#3abbc6;--cp-chip-hover-bg:#f4fefb;--cp-chip-active-border:#33b3be;--cp-chip-active-bg:#e9fdf9}@media (min-width:760px){.shared-chord-progression-dropdown{min-width:min(760px,100vw - 28px);max-width:min(920px,100vw - 28px)}.shared-chord-progression-preset-list{grid-template-columns:1fr 1fr;max-height:none;overflow:visible}.shared-chord-progression-preset-list--cols-1{grid-template-columns:1fr;max-height:min(58vh,560px);overflow:auto}.shared-chord-progression-preset-list--cols-2{grid-template-columns:1fr 1fr;max-height:none;overflow:visible}}@media (max-width:759px){.shared-chord-progression-dropdown{min-width:min(460px,100vw - 16px);max-width:min(560px,100vw - 16px)}.shared-chord-progression-dropdown-list{padding:.68rem}}@media (max-width:480px){.shared-chord-progression-dropdown{min-width:min(460px,100vw - 12px);max-width:min(560px,100vw - 12px)}.shared-chord-progression-preset{min-height:3.7rem;padding:.58rem .66rem}}