#recordingOpen { display:block; margin:7px auto 0; border:0; background:transparent; color:var(--ui-link, #8ab4d8); font:inherit; font-size:13px; min-height:32px; cursor:pointer; text-decoration:underline; text-underline-offset:3px; }
#recordingImport { box-sizing:border-box; width:min(680px, calc(100vw - 24px)); max-height:calc(100dvh - 32px); padding:22px; border:1px solid var(--ui-line, #443c4e); border-radius:3px; background:var(--ui-bg, #171419); color:var(--ui-text, #eee8e0); overflow:auto; }
#recordingImport::backdrop { background:rgb(0 0 0 / .55); }
#recordingImport header { position:static; display:flex; align-items:baseline; justify-content:space-between; gap:16px; padding:0; background:transparent; border:0; }
#recordingImport h2 { margin:0; font-size:22px; }
#recordingImport p { font-size:14px; line-height:1.55; overflow-wrap:anywhere; }
#recordingImport label { display:block; margin:16px 0 6px; font-size:14px; }
#recordingImport input { display:block; max-width:100%; width:100%; font:inherit; font-size:14px; }
#recordingImport button, #recordingImport select { min-height:44px; padding:8px 12px; font:inherit; font-size:14px; color:inherit; border:1px solid var(--ui-line, #443c4e); background:transparent; border-radius:3px; cursor:pointer; }
#recordingImport button:disabled { opacity:.45; cursor:default; }
#recordingImport :focus-visible, #recordingOpen:focus-visible { outline:2px solid var(--ui-link, #8ab4d8); outline-offset:3px; }
#recordingImport #recordingStart { background:#315e84; color:white; border-color:transparent; }
#recordingImport progress { width:100%; height:6px; accent-color:var(--ui-link, #315e84); }
#recordingImport .recording-actions { display:flex; flex-wrap:wrap; gap:8px; margin:14px 0; }
#recordingImport #recordingCaveat, #recordingImport #recordingEstimate { color:var(--ui-muted, #c9bdb0); font-size:12px; }
#recordingImport #recordingStatus[data-error="true"] { color:#bd5a42; }
#recordingResults { list-style:none; padding:0; margin:18px 0; }
#recordingResults li { display:grid; grid-template-columns:150px minmax(0,1fr); gap:8px; padding:10px 0; border-top:1px solid var(--ui-line, #443c4e); font-size:14px; overflow-wrap:anywhere; }
#recordingResults .recording-time { font-variant-numeric:tabular-nums; color:var(--ui-muted, #c9bdb0); font-size:12px; }
html[data-theme="light"] #recordingImport { background:#f1efeb; color:#2d272c; }
@media(max-width:480px) { #recordingImport { padding:16px; } #recordingResults li { grid-template-columns:1fr; gap:3px; } }