/* Recording shares the existing monochrome audio input controls. */
.input-source-actions{display:flex;align-items:baseline;gap:18px;flex-wrap:wrap}
.input-source-actions .upload-button{margin:0}
.record-button{font-size:24px;border-bottom:1px solid #aaa;padding:0 0 2px;color:#eee}
.record-button:disabled{opacity:.4;cursor:default}
.recorder-panel{border:1px solid #555;padding:10px;margin:8px 0 12px;min-width:0;background:#0b0b0b}
.recorder-panel[hidden],.recorder-panel [hidden]{display:none!important}
.recording-readout{display:flex;align-items:flex-start;justify-content:space-between;gap:8px;font-size:14px;line-height:1.5}
.recording-readout output{white-space:nowrap;font-variant-numeric:tabular-nums;font-size:13px}
.recorder-panel meter{display:block;width:100%;height:12px;margin:9px 0;accent-color:#eee}
.recorder-panel audio{display:block;width:100%;height:34px;margin:10px 0}
.recorder-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}
.recorder-actions button{font-size:16px;border-bottom:1px solid #777;padding:3px 0;min-height:32px}
.recorder-actions button:disabled{opacity:.4}
.recorder-panel[data-phase=recording] .recording-readout span:before{content:'● ';color:#eee;animation:recording-blink 1s alternate infinite}
@keyframes recording-blink{to{opacity:.3}}
@media(prefers-reduced-motion:reduce){.recorder-panel[data-phase=recording] .recording-readout span:before{animation:none}}
@media(max-width:760px){.record-button{font-size:22px}.recording-readout{font-size:13px;flex-wrap:wrap}.recorder-actions{gap:10px}.recorder-actions button{font-size:15px}}
.recorder-panel meter::-webkit-meter-bar{background:#222;border:1px solid #555;border-radius:2px}
.recorder-panel meter::-webkit-meter-optimum-value{background:#ddd}
.recorder-panel meter::-moz-meter-bar{background:#ddd}
.input-track:has(.file-input:disabled) .upload-button{opacity:.4;cursor:default}