/* Editor simplification. The previous approved release is saved separately. */
.result:not(.comparison-dashboard) .music-summary{gap:8px;margin-left:auto;align-self:center}
.result:not(.comparison-dashboard) .music-stat{display:inline-flex;align-items:baseline;gap:6px;white-space:nowrap;padding:5px 10px;background:#303743;border:1px solid #424d5e;border-radius:4px;line-height:20px}
.result:not(.comparison-dashboard) .music-label{color:#b4c0d1;font-size:13px}
.result:not(.comparison-dashboard) .music-value{color:#f1f5fc;font-size:16px;font-weight:500}
.result:not(.comparison-dashboard) .music-approx{color:#a7b5c8;font-size:13px;font-weight:400}
.result:not(.comparison-dashboard) .selection-bar{justify-content:flex-start;row-gap:0}
.selection-tools{display:flex;align-items:center;gap:8px;margin-left:auto;min-width:0}
.selection-tools[hidden],.selection-hint[hidden]{display:none!important}
.result:not(.comparison-dashboard) .selection-tools .selection-times{margin:0;width:auto;flex:0 0 auto}
.result:not(.comparison-dashboard) .selection-hint{border:0!important;margin-top:8px!important;padding-top:0!important;font-size:11px!important;color:#91a0b4!important}
.result:not(.comparison-dashboard) .selection-tools button,
.result:not(.comparison-dashboard) .pitch-control button,
.result:not(.comparison-dashboard) #reset{background:transparent;border-color:transparent}
.result:not(.comparison-dashboard) .selection-tools button:hover:enabled,
.result:not(.comparison-dashboard) .pitch-control button:hover:enabled,
.result:not(.comparison-dashboard) #reset:hover:enabled{background:#343b47}
.result:not(.comparison-dashboard) .selection-tools input{background:#2e3540;border-color:#4c5666}
.result:not(.comparison-dashboard) .download-note{font-weight:400;color:#c4cddc}
.result:not(.comparison-dashboard) .downloads{gap:12px}
@media(max-width:1100px){
 .result:not(.comparison-dashboard) .selection-tools{flex-basis:100%;margin-left:0;margin-top:12px;flex-wrap:wrap}
}
@media(max-width:650px){
 .result:not(.comparison-dashboard) .music-summary{gap:8px}
 .result:not(.comparison-dashboard) .music-label{font-size:13px}
 .result:not(.comparison-dashboard) .music-value{font-size:16px}
 .result:not(.comparison-dashboard) .selection-tools .selection-times{flex-basis:100%;margin-bottom:2px}
 .result:not(.comparison-dashboard) .selection-tools{column-gap:10px;row-gap:6px}
 .result:not(.comparison-dashboard) .download-note{width:auto;flex-basis:auto;margin-right:auto}
 .result:not(.comparison-dashboard) .downloads .export-format{margin:0;flex-basis:auto;width:auto}
}

/* Keep estimated source information beside the waveform editing tools. */
.result:not(.comparison-dashboard){position:relative;--editor-lower-offset:clamp(0px,calc(100dvh - 650px),60px);grid-template-rows:calc(72px + var(--editor-lower-offset)) auto auto minmax(110px,1fr)}
.result:not(.comparison-dashboard) .music-separator{display:none}
.sample-notice{position:absolute;top:0;left:28px;font-size:10px;line-height:1.4;color:#9eabba;margin:0;max-width:none}
@media(max-width:1100px){.result:not(.comparison-dashboard){--editor-lower-offset:clamp(0px,calc(100dvh - 650px),40px);grid-template-rows:calc(64px + var(--editor-lower-offset)) auto auto minmax(80px,1fr)}}
@media(max-width:650px){
 .result:not(.comparison-dashboard){--editor-lower-offset:0px;grid-template-rows:80px auto auto minmax(90px,1fr)}
 .result:not(.comparison-dashboard) .edit-toolbar{flex-wrap:wrap;row-gap:6px;min-height:80px}
 .result:not(.comparison-dashboard) .edit-toolbar .music-summary{flex-basis:100%;justify-content:flex-end;margin-left:0}
 .sample-notice{left:14px;font-size:9px}
}

/* Match speed and key controls; keep tempo editing behind a disclosure. */
.result:not(.comparison-dashboard) #speed-settings > summary{background:#303743;border-color:#525e6e;font-size:14px;gap:8px;font-weight:400;height:38px}
.result:not(.comparison-dashboard) #speed-settings > summary:hover{background:#3b4553;border-color:#73849b}
.result:not(.comparison-dashboard) .control-label,.result:not(.comparison-dashboard) .pitch-control > span{color:#b4c0d1;font-size:14px}
.result:not(.comparison-dashboard) .control-value,.result:not(.comparison-dashboard) #pitch-reset{font-size:16px;font-weight:500;color:#e3eaf5}
.result:not(.comparison-dashboard) .pitch-control button{height:38px;font-size:18px}
.result:not(.comparison-dashboard) .speed-panel{width:264px;max-width:calc(100vw - 28px);padding:16px;background:#303642;border-color:#505b6c;border-radius:6px;box-shadow:0 6px 18px #11151c30}
.result:not(.comparison-dashboard) .speed-row{margin-bottom:12px}
.result:not(.comparison-dashboard) .speed-row > label{font-size:14px;color:#c3cddd}
.result:not(.comparison-dashboard) .speed-entry{gap:4px}
.result:not(.comparison-dashboard) .speed-entry button{width:32px;height:36px;padding:0;background:transparent;border-color:transparent;font-size:18px;font-weight:400}
.result:not(.comparison-dashboard) .speed-entry button:hover:enabled{background:#414b5a}
.speed-number{display:flex;align-items:center;height:36px;border:1px solid #556174;border-radius:4px;background:#292f39;padding-right:8px;color:#c6d1e2}
.result:not(.comparison-dashboard) .speed-panel #speed{width:66px;height:34px;border:0;background:transparent;font-size:16px;font-weight:400;padding:0 4px}
.result:not(.comparison-dashboard) .speed-presets{gap:4px;margin-bottom:12px}
.result:not(.comparison-dashboard) .speed-presets button{height:30px;padding:0 5px;font-size:13px;font-weight:400;background:transparent;border-color:transparent;color:#c9d4e4}
.result:not(.comparison-dashboard) .speed-presets button:hover:enabled{background:#414b5a}
.result:not(.comparison-dashboard) .speed-presets button[aria-pressed=true]{background:#455d80;border-color:#6a8ec0;color:#f0f5fc;font-weight:500}
.bpm-disclosure{border-top:1px solid #4a5464;padding-top:6px}
.result:not(.comparison-dashboard) .bpm-disclosure > summary{display:flex;justify-content:space-between;min-width:0;width:100%;height:34px;padding:0;border:0;border-radius:0;background:transparent;font-size:13px;font-weight:400;color:#c1cddd}
.result:not(.comparison-dashboard) .bpm-settings{border:0;padding-top:10px}
.result:not(.comparison-dashboard) .bpm-settings label{font-size:13px;color:#c3cddd}
.result:not(.comparison-dashboard) .bpm-settings input{width:86px;height:32px;font-size:14px;background:#292f39;border-color:#556174}
.result:not(.comparison-dashboard) .bpm-settings p{font-size:12px;color:#aebdd1}
#speed-settings > summary .disclosure,.bpm-disclosure > summary .disclosure{transition:transform .15s}
#speed-settings[open] > summary .disclosure,.bpm-disclosure[open] > summary .disclosure{transform:rotate(180deg)}
@media(max-width:650px){.result:not(.comparison-dashboard) .speed-panel{left:0;width:264px}}
@media(prefers-reduced-motion:reduce){#speed-settings > summary .disclosure,.bpm-disclosure > summary .disclosure{transition:none}}

/* Give interactive controls a visible, quiet boundary. */
.result:not(.comparison-dashboard) .speed-settings,.result:not(.comparison-dashboard) .pitch-control{border-left-color:#414a59}
.result:not(.comparison-dashboard) #pitch-down,.result:not(.comparison-dashboard) #pitch-up{background:#303743;border-color:#525e6e;border-radius:4px;width:34px}
.result:not(.comparison-dashboard) #pitch-down:hover:enabled,.result:not(.comparison-dashboard) #pitch-up:hover:enabled{background:#3b4553;border-color:#73849b}
.result:not(.comparison-dashboard) .bpm-settings p{white-space:pre-line;line-height:1.6}

.result:not(.comparison-dashboard) .bpm-settings #bpm-reset{display:block;width:100%;height:30px;margin-top:4px;background:#3a4351;border-color:#59677a;font-size:12px;font-weight:400;color:#e3eaf5}
.result:not(.comparison-dashboard) .bpm-settings #bpm-reset:hover:enabled{background:#465367;border-color:#73849b}

/* BPM uses the same horizontal step controls as speed. */
.result:not(.comparison-dashboard) .bpm-number{padding-right:0}
.result:not(.comparison-dashboard) .bpm-settings #bpm-target{width:82px;height:34px;border:0;background:transparent;font-size:16px;font-weight:400;appearance:textfield;-moz-appearance:textfield}
.result:not(.comparison-dashboard) #bpm-target::-webkit-inner-spin-button,.result:not(.comparison-dashboard) #bpm-target::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}
