.singing-panel{display:flex;align-items:center;gap:20px;flex-wrap:wrap;padding:18px 0;border-bottom:1px solid var(--line)}
.roll-resize-bar{display:flex;align-items:center;gap:8px;padding:0 10px;background:#eef2e7;border-top:1px solid var(--line)}
.roll-resize-handle{display:flex;align-items:center;justify-content:center;gap:10px;flex:1;min-width:0;min-height:36px;cursor:ns-resize;touch-action:none;user-select:none;color:var(--muted);font-size:10px}
.roll-resize-handle:before{content:"";width:28px;height:6px;border-top:2px solid #9aab92;border-bottom:2px solid #9aab92;flex-shrink:0}.roll-resize-handle:hover{color:var(--teal)}#rollHeightValue{font-variant-numeric:tabular-nums;white-space:nowrap}#resetRollHeight{min-height:30px;padding:5px 8px;font-size:10px;white-space:nowrap}
body.resizing-roll,body.resizing-roll *{cursor:ns-resize!important;user-select:none!important}@media(max-width:480px){.roll-resize-handle{gap:6px}.roll-resize-handle:before{width:18px}.roll-resize-handle .resize-instruction{font-size:9px}}
.melody-selection-count{font-size:12px;font-weight:600;color:#245fb1;font-variant-numeric:tabular-nums}.melody-tools .selection-action{border:1px solid var(--line);padding:8px 12px;border-radius:6px}.melody-tools .selection-action:disabled{opacity:.4;cursor:not-allowed}
.melody-panel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 16px;margin:12px 0;border:1px solid var(--line);border-radius:9px;background:var(--white)}
.melody-heading{flex:1;min-width:180px}.melody-heading h3{margin:0 0 5px}.melody-heading p{margin:0;font-size:11px;color:var(--muted)}
.melody-legend{display:flex;gap:12px;font-size:11px}.melody-legend span:before{content:"";display:inline-block;width:10px;height:10px;margin-right:5px;border-radius:3px;background:#287e66}.melody-legend .instrument:before{background:#89959e}.melody-legend .manual:before{background:transparent;border:2px solid #d99b36}
.melody-tools{display:flex;align-items:center;gap:10px;flex-wrap:wrap;width:100%;padding-top:10px;border-top:1px solid var(--line)}.melody-tools[hidden]{display:none}.melody-tools label,.melody-tools p{font-size:11px}.melody-tools p{flex-basis:100%;margin:0;color:var(--muted);line-height:1.8}.melody-tools select{font-size:12px}.melody-tools button{font-size:11px}#melodyEditButton[aria-pressed="true"]{background:#287e66;color:white}
.singing-options{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.singing-options label{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--muted)}
.singing-options select{font-size:12px}.singing-description{width:100%;margin:0;font-size:10px;color:var(--muted);line-height:1.8}
.solfege-readout{display:flex;align-items:center;gap:10px;margin-left:auto;min-width:80px}.solfege-readout strong{font-size:24px;color:var(--teal);font-weight:600;min-width:55px;text-align:center}
.solfege-readout span{font-size:10px;color:var(--muted)}#singingPreview{border:1px solid var(--line);font-size:11px}
@media(max-width:780px){.singing-panel{gap:14px}.singing-panel .range-caption{width:100%}.solfege-readout{margin-left:0}.singing-options{gap:8px}}
.chord-inspector{display:flex;align-items:center;gap:16px;flex-wrap:wrap;padding:18px;margin:12px 0;border:1px solid var(--line);border-radius:9px;background:var(--white)}.chord-inspector>div{flex:1;min-width:180px}.chord-inspector p{font-size:10px;line-height:1.7;margin:0}.chord-inspector label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:var(--muted)}.chord-inspector select{max-width:280px;font-size:11px}.chord-inspector button{font-size:11px}.solfege-readout strong{white-space:normal;overflow-wrap:anywhere}