.chord-main{padding:0 5%}.builder-panel,.selected-panel{background:var(--modus-c-1a2116,#1a2116);border:1px solid var(--modus-b-3d4c30,#3d4c30);border-radius:13px;padding:28px}.builder-heading,.selected-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.builder-heading .eyebrow,.selected-heading .eyebrow{font-size:9px;margin-bottom:13px}.builder-heading h2{font-size:26px}.builder-help{font-size:12px;color:var(--modus-c-a6b996,#a6b996);line-height:1.8;margin:0 0 22px}.secondary{border:1px solid var(--modus-b-607e44,#607e44);background:var(--modus-c-26371b,#26371b);color:var(--modus-c-e1f3c3,#e1f3c3);border-radius:6px;padding:11px 14px;font-size:11px;white-space:nowrap}.secondary:hover{background:var(--modus-c-354d25,#354d25)}.secondary:disabled{opacity:.5;cursor:not-allowed}.chord-slots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.chord-slot{border:1px solid var(--modus-b-4b6236,#4b6236);background:var(--modus-c-202e18,#202e18);border-radius:9px;padding:14px;position:relative}.chord-slots:not(.is-playing) .chord-slot.selected,.chord-slot.playing{border-color:var(--accent);background:var(--modus-c-2e4021,#2e4021);box-shadow:0 0 0 1px var(--modus-c-d7f48c33,#d7f48c33)}.slot-head{display:flex;justify-content:space-between;align-items:center;color:var(--modus-c-a1b68d,#a1b68d);font-size:10px}.remove-chord{border:0;color:var(--modus-c-a7bb94,#a7bb94);background:none;font-size:18px;padding:0 3px}.select-chord{border:0;background:none;color:var(--modus-c-f1f6e9,#f1f6e9);display:block;width:100%;text-align:left;padding:13px 0 15px;font-size:28px;font-weight:500;letter-spacing:-1px}.slot-edit{display:grid;grid-template-columns:1fr;gap:7px}.slot-edit select{width:100%;font-size:11px;padding:8px 5px}.slot-edit label{font-size:9px;color:var(--modus-c-b6c9a2,#b6c9a2)}.slot-edit label select{margin-top:5px}.builder-transport{display:flex;align-items:center;gap:22px;flex-wrap:wrap;border-top:1px solid var(--modus-b-3e5430,#3e5430);padding-top:22px;margin-top:22px}.builder-transport label{font-size:11px;color:var(--modus-c-aabd96,#aabd96);display:flex;align-items:center;gap:8px}.builder-transport input{background:var(--modus-c-26371b,#26371b);color:var(--modus-c-eef6e4,#eef6e4);border:1px solid var(--modus-b-587640,#587640);border-radius:5px;width:65px;padding:7px;font:inherit}.builder-transport>span{font-size:10px;color:var(--modus-c-98ad83,#98ad83)}.builder-transport .secondary{margin-left:auto}#chordStatus{font-size:11px;color:var(--modus-c-cbe7a8,#cbe7a8);margin:13px 0 0}#chordStatus:empty{display:none}.selected-panel{margin-top:20px}.selected-heading{padding-bottom:24px;border-bottom:1px solid var(--modus-b-405531,#405531);flex-wrap:wrap}.selected-heading h2{font-size:36px;margin:0}.selected-heading .formula{font-size:17px;margin:0 0 7px}.selected-heading>div:nth-child(2){margin-right:auto}#selectedNotes{font-size:12px;color:var(--modus-c-b1c49f,#b1c49f);letter-spacing:1px}.voicing-grid{display:grid;grid-template-columns:285px minmax(0,1fr);gap:30px;padding-top:26px}.diagram-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:38px}.diagram-heading h3{font:500 20px Manrope,sans-serif;margin:0}.text-button{font-size:10px;background:none;border:0;color:var(--accent);padding:5px 0}.guitar-voicing svg{width:100%;max-width:265px;height:auto;display:block;margin:14px auto 0}.guitar-voicing>p{font-size:11px;color:var(--modus-c-c0d5ab,#c0d5ab);text-align:center}.guitar-voicing>small{font-size:10px;color:var(--modus-c-91a87c,#91a87c);line-height:1.8;display:block;text-align:center}.piano-voicing .diagram-heading label{font-size:10px;color:var(--modus-c-a9c094,#a9c094);display:flex;align-items:center;gap:9px}.piano-voicing select{font-size:11px;padding:8px}.piano-voicing .keyboard-wrap{margin-top:22px}.piano-voicing .keyboard-wrap svg{min-width:570px}#pianoNoteNames{color:var(--modus-c-d7e9c5,#d7e9c5);font-size:13px;letter-spacing:1px;margin-top:19px}.piano-help,.voicing-note{font-size:12px;color:var(--modus-c-aabd96,#aabd96);line-height:1.9}.voicing-note{border-left:2px solid var(--modus-b-718e51,#718e51);padding:8px 15px;background:var(--modus-c-222f19,#222f19);font-size:11px}.chord-bottom{padding:40px 0;text-align:center;color:var(--modus-c-a7be93,#a7be93);font-size:13px}.chord-bottom a{color:var(--accent);font-size:12px}@media(max-width:900px){.voicing-grid{grid-template-columns:230px minmax(0,1fr);gap:22px}.builder-panel,.selected-panel{padding:22px}.chord-slots{gap:8px}.chord-slot{padding:11px}.select-chord{font-size:24px}}@media(max-width:700px){.chord-main{padding:0 20px}.builder-heading{align-items:flex-start;flex-direction:column;gap:13px}.builder-heading h2{font-size:24px}.builder-help{margin-top:16px}.chord-slots{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-panel,.selected-panel{padding:20px 15px}.builder-transport{gap:16px}.builder-transport .secondary{margin-left:0}.selected-heading{gap:18px}.selected-heading>div:nth-child(2){margin-right:0}.selected-heading h2{font-size:30px}.selected-heading .formula{font-size:15px}.voicing-grid{grid-template-columns:1fr;gap:25px}.guitar-voicing{border-bottom:1px solid var(--modus-b-405531,#405531);padding-bottom:22px}.guitar-voicing svg{max-width:250px}.piano-voicing .diagram-heading{align-items:flex-start}.piano-voicing .diagram-heading label{flex-direction:column;align-items:flex-start;gap:5px}.builder-transport>span{font-size:9px}.builder-transport .listen-button{width:100%}}

.jam-transfer{border-top:1px solid var(--modus-b-4c6537,#4c6537);padding-top:23px;margin-top:23px}.jam-transfer h3{font:500 20px Manrope,sans-serif;color:var(--modus-c-e0efcd,#e0efcd);margin:0 0 10px}.jam-transfer p{font-size:12px;line-height:1.8;color:var(--modus-c-aac294,#aac294);margin:0 0 18px}.jam-scale{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px}.jam-scale label{font-size:10px;color:var(--modus-c-a8c18e,#a8c18e);display:flex;flex-direction:column;gap:7px}.jam-scale .button{padding:9px 17px;font-size:12px;margin-left:auto}.sequence-library{margin-top:24px;border:1px solid var(--modus-b-4b6336,#4b6336);background:var(--modus-c-202d18,#202d18);border-radius:8px;padding:0 17px 17px}.sequence-library summary{cursor:pointer;color:var(--modus-c-cde3b7,#cde3b7);font-size:12px;padding:15px 0;display:flex;justify-content:space-between}.sequence-library:not([open]){padding-bottom:0}.sequence-library p{font-size:10px;color:var(--modus-c-a2ba8a,#a2ba8a);margin:4px 0 18px}.sequence-save-row,.sequence-load-row{display:flex;align-items:flex-end;gap:12px;margin-top:14px}.sequence-library label{flex:1;display:flex;flex-direction:column;font-size:10px;color:var(--modus-c-afc797,#afc797);gap:7px}.sequence-library input,.sequence-library select{width:100%;padding:10px 12px;border:1px solid var(--modus-b-5b7940,#5b7940);border-radius:6px;background:var(--modus-c-17220f,#17220f);color:var(--modus-c-e4f4d6,#e4f4d6);font:12px 'DM Sans',sans-serif}.sequence-library input::placeholder{color:var(--modus-c-839e6d,#839e6d)}@media(max-width:700px){.jam-scale .button{width:100%;justify-content:center;margin-left:0}.jam-scale label{flex:1}.sequence-save-row,.sequence-load-row{align-items:stretch;flex-direction:column}.sequence-library input,.sequence-library select{font-size:16px}.jam-scale select{max-width:100%}}

/* Let the piano scroll inside its panel instead of widening the mobile page. */
.voicing-grid>*{min-width:0}