.recording-dialog{width:min(500px,calc(100% - 32px));max-height:calc(100svh - 32px);padding:38px;background:var(--bg);color:var(--text);border:1px solid var(--line)}
.recording-dialog>.eyebrow{font-size:9px;color:var(--accent);padding-right:20px}
.recording-dialog h2{font-family:var(--display);font-size:46px;line-height:1.08;margin:22px 0 18px;text-transform:uppercase}
.recording-dialog em{color:var(--accent);font-style:normal}
.recording-intro{font-size:12px;line-height:1.7;color:var(--muted);max-width:360px}
#recording-form{margin-top:24px}
#recording-form>label{display:block;font-size:12px;margin-bottom:10px}
.recording-stepper{display:grid;grid-template-columns:52px 1fr 52px;border:1px solid var(--line)}
.recording-stepper button{background:transparent;color:var(--text);font-size:24px;min-height:54px}
.recording-stepper button:hover:not(:disabled){background:#ffffff0d;color:var(--accent)}
.recording-stepper button:disabled{opacity:.3}
#recording-hours{appearance:textfield;width:100%;min-width:0;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;text-align:center;font:24px var(--body);padding:8px;background:transparent;color:var(--text)}
#recording-hours::-webkit-inner-spin-button,#recording-hours::-webkit-outer-spin-button{appearance:none;margin:0}
#recording-hours-hint{display:block;margin-top:7px;font-size:10px;color:var(--muted)}
#recording-engineer{margin:18px 0;font-size:12px}
.recording-total{border-top:1px solid var(--line);padding-top:15px;margin-top:15px}
.recording-total>span{display:block;font-size:9px;color:var(--muted)}
.recording-total output{display:block;font:42px/1.2 var(--display);margin-top:5px}
#recording-form>.button{margin-top:22px;width:100%;justify-content:space-between}
@media(max-width:600px){.recording-dialog{padding:28px 22px}.recording-dialog h2{font-size:38px}.recording-intro{font-size:11px}#recording-form{margin-top:18px}.recording-total output{font-size:37px}#recording-form>.button{margin-top:18px}}
@media(max-height:700px){.recording-dialog{padding-top:24px;padding-bottom:24px}.recording-dialog h2{font-size:34px;margin:16px 0 12px}.recording-intro{font-size:11px}#recording-form{margin-top:16px}#recording-engineer{margin:12px 0}.recording-total{margin-top:12px;padding-top:12px}#recording-form>.button{margin-top:15px;min-height:46px}}