.piano-auto-player{display:flex;flex-direction:column;gap:18px;padding:20px;margin:16px 0;border:1px solid #d4e0f2;border-radius:16px;background:#f6f9ff;color:#23416f;min-width:0}.piano-auto-player h2{font-size:18px;margin:0 0 4px}.piano-auto-player p{font-size:12px;margin:0;color:#617492;line-height:1.8}.piano-auto-player label{display:grid;gap:7px;font:600 11px Poppins,sans-serif;min-width:0}.piano-auto-player select{min-height:40px;width:100%;border:1px solid #b8cbea;border-radius:8px;background:white;color:#23416f;padding:8px 10px;font:500 12px Poppins,sans-serif}.piano-auto-player button{min-height:40px;border:1px solid #b8cbea;border-radius:8px;background:white;color:#23416f;padding:8px 12px;font:600 11px Poppins,sans-serif;cursor:pointer}.piano-auto-player button:focus-visible{outline:3px solid #2789be;outline-offset:3px}.piano-auto-player button:disabled{opacity:.45;cursor:default}.piano-auto-player button[aria-pressed=true],.piano-auto-player .auto-play{background:#245bd3;border-color:#245bd3;color:white}.piano-auto-player input{accent-color:#245bd3}.piano-auto-player [hidden]{display:none!important}
.composer-settings{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:14px}.composer-settings input{width:100%;box-sizing:border-box}.auto-tempo-value{font-weight:400}.composer-transport{display:flex;gap:8px}.composer-transport .auto-play{min-width:150px}.auto-status,.builder-status{font-size:11px;line-height:1.7;color:#597296;min-height:18px}.organ-credit{font-size:10px!important}.organ-credit a{color:#597296}
.music-builder{min-width:0;display:flex;flex-direction:column;gap:14px}.builder-hands{display:grid;grid-template-columns:1fr 1fr;gap:14px}.builder-hands section{border:1px solid #cfdbed;border-radius:12px;background:white;padding:10px;min-width:0}.piano-auto-player .choose-hand{border:0;background:#edf3fc;width:100%;text-align:left}.note-chips{display:flex;flex-wrap:wrap;align-content:start;gap:6px;min-height:72px;padding-top:10px;max-height:200px;overflow-y:auto}.piano-auto-player .note-chip{min-height:30px;padding:5px 8px;background:#e5f5f5;border-color:#b8dfdf;font-size:10px;color:#246068}.piano-auto-player .rest-chip{background:#eef1f7;border-color:#d6dfed;color:#63738b}.empty-hand{font-size:11px;color:#8292aa;padding:5px}.capture-keys{align-self:start}.builder-tools{display:grid;grid-template-columns:1fr 2fr;gap:14px;align-items:start}.builder-tools>label{max-width:180px}.control-group-label{display:block;font:600 10px Poppins,sans-serif;color:#617492;margin-bottom:7px;text-transform:uppercase;letter-spacing:.6px}.control-buttons,.file-buttons{display:flex;gap:6px;flex-wrap:wrap}.control-buttons button{flex:1;white-space:nowrap}.builder-help{font-size:10px!important}.chord-tray{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:12px;background:#e4f5f4;border-radius:10px;font-size:12px}.music-builder.copying .note-chip{cursor:copy;border-style:dashed;border-color:#245bd3;background:#eaf1ff;color:#204b98}.music-builder.copying .note-chip:hover{box-shadow:0 0 0 2px #245bd32b}
.piano-downloads{display:flex;flex-wrap:wrap;gap:20px;padding-top:16px;border-top:1px solid #d4e0f2}.piano-downloads .save-piece{background:#eaf1ff;border-color:#adbfdf}.piano-downloads button{font-size:11px}.piano-keys .pk-guide{background:#7cdbdc!important;color:#123e57!important;border-bottom-color:#2996a7!important}.keyboard-wrap{overflow:hidden!important;min-width:0}.piano-view-tools{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.piano-view-tools>div{display:flex;gap:6px}.piano-view-tools button{min-height:40px;padding:8px 12px;border:1px solid #b8cbea;border-radius:8px;background:#f3f7ff;color:#23416f;font:600 11px Poppins,sans-serif;cursor:pointer}.keyboard-wrap.piano-expanded{position:relative;inset:auto;width:100%;max-width:100%;box-sizing:border-box;padding:16px;background:#f7faff;border:1px solid #b8cbea;border-radius:12px;overflow:hidden!important}.keyboard-wrap.piano-expanded .piano-keys{height:492px!important}.keyboard-wrap.piano-expanded .pk-white{height:230px}.keyboard-wrap.piano-expanded .pk-black{height:146px}
.composer-settings{display:flex;flex-wrap:wrap;gap:16px}.composer-settings>label{width:160px}.builder-tools{display:flex;flex-wrap:wrap;align-items:end;gap:14px 20px;padding:14px;background:#edf3fc;border:1px solid #dbe5f3;border-radius:12px}.builder-tools>label{width:150px;max-width:150px;flex:none}.builder-control-group{flex:none}.control-buttons{flex-wrap:nowrap;gap:6px}.control-buttons button{flex:none;width:auto;min-width:72px;padding:8px 12px;box-shadow:0 1px 2px #213d6510}.control-group-label{margin-bottom:7px;font-size:9px;letter-spacing:.7px}.capture-keys{min-height:36px!important;padding:7px 12px!important}.piano-auto-player .builder-control-group button{font-size:11px}.composer-transport .auto-play{min-width:130px}.composer-transport button{padding:9px 18px}.piano-downloads{gap:28px}.file-buttons button{min-width:100px}
.piano-auto-player .tie-note{background:#e6f5ed;border-color:#a8d5bc;color:#176044}.piano-auto-player .shorten-note{background:#fff0f1;border-color:#e8b6bd;color:#aa3547}.piano-auto-player .copy-note{background:#eaf1ff;border-color:#a8bfec;color:#2457b6}.piano-auto-player .copy-note[aria-pressed=true]{background:#245bd3;color:white;border-color:#245bd3}.piano-auto-player .remove-note{color:#a33d4c}.piano-auto-player .note-chip[aria-pressed=true]{background:#245bd3;color:white;border-color:#245bd3;box-shadow:0 0 0 2px #245bd325}
@media(max-width:650px){.piano-auto-player{padding:14px;gap:14px}.composer-settings{gap:12px}.composer-settings>label{width:calc(50% - 6px)}.composer-settings>label:first-child{width:100%}.builder-hands{grid-template-columns:1fr}.builder-tools{gap:14px;padding:12px}.builder-tools>label{width:100%;max-width:180px}.piano-auto-player button{padding:8px 10px}.control-buttons button{min-width:0;padding:8px 10px!important}.piano-auto-player .builder-control-group button{font-size:10px}.piano-downloads{gap:14px}.piano-downloads>div{width:auto}.file-buttons button{min-width:0}.piano-view-tools{gap:8px}.piano-view-tools button{font-size:10px;padding:8px}.piano-view-tools>div{gap:4px}.keyboard-wrap.piano-expanded{padding:12px}}

.control-buttons{align-items:end}.timing-action{display:flex;flex-direction:column;gap:5px;min-width:90px}.piano-auto-player .timing-action select{font-size:10px;min-height:30px;padding:4px 7px;background:#f8fbff}.timing-action button{width:100%}.timing-action:has(.tie-amount) select{border-color:#b8d9c8;color:#176044}.timing-action:has(.shorten-amount) select{border-color:#e8c2c7;color:#aa3547}@media(max-width:650px){.timing-action{min-width:82px}}