#recordingResult{box-sizing:border-box;color:#e8eeee;background:#0e1216;border:1px solid #354044;border-radius:20px;width:min(440px,calc(100vw - 32px));max-height:calc(100dvh - 48px);padding:28px;margin:auto;font:14px/1.55 system-ui,sans-serif;box-shadow:0 24px 90px #0008}
#recordingResult::backdrop{background:#0009}
#recordingResult h2{font:500 clamp(14px,3.8vw,18px)/1.6 ui-monospace,monospace;letter-spacing:-.3px;margin:0 0 25px;overflow-wrap:anywhere;color:#e8eeee}
#recordingResult fieldset{border:0;padding:0;margin:0 0 22px;display:flex;gap:26px}
#recordingResult legend{margin-bottom:10px;color:#b9c5c7;font-size:12px}
#recordingResult label{display:flex;align-items:center;gap:9px;cursor:pointer;min-height:44px}
#recordingResult input{width:18px;height:18px;margin:0;accent-color:#a1dcdf}
#recordingResult .recording-actions{display:flex;gap:12px}
#recordingResult button{flex:1;min-height:46px;border-radius:24px;border:1px solid #465154;background:transparent;color:#e8eeee;font:inherit;cursor:pointer;padding:10px 14px}
#recordingResult button[data-download]{background:#c2e3df;color:#101c1c;border-color:#c2e3df}
#recordingResult button:disabled{opacity:.45;cursor:wait}
#recordingResult :focus-visible{outline:2px solid #c2e3df;outline-offset:4px}
#recordingResult p{font:12px/1.6 system-ui,sans-serif;color:#adbabc;margin:20px 0 0}
#recordingResult [role=status]{min-height:20px;margin:0 0 18px;color:#bde0de}
#recordingResult [data-error=true]{color:#f6b8ab}