/* 高清回放渲染进度（assets/features/render）。只用设计令牌。 */
.rd-overlay { z-index: var(--layer-stack-200001); }
.rd-panel { width: min(420px, calc(100vw - 32px)); padding: var(--space-6); display: grid; gap: var(--space-3); }
.rd-panel b { font: 600 var(--text-md)/1.3 var(--font-ui); }
.rd-bar { width: 100%; height: 6px; appearance: none; border: 0; border-radius: 3px; background: var(--surface-hover); overflow: hidden; }
.rd-bar::-webkit-progress-bar { background: var(--surface-hover); }
.rd-bar::-webkit-progress-value { background: var(--ink); transition: width var(--motion-fast) var(--ease-out); }
.rd-bar::-moz-progress-bar { background: var(--ink); }
.rd-label { margin: 0; color: var(--muted); font-size: var(--text-sm); font-variant-numeric: tabular-nums; }
.rd-panel .ui-btn { justify-self: start; }

/* 「智录」里的高清回放录制区（assets/camera-recording-ui.js）：与新界面同一套令牌，不再用内联默认样式 */
.rec-hd { display: grid; gap: var(--space-2); margin-top: var(--space-3); padding-top: var(--space-3); border-top: 1px solid var(--line); }
.rec-hd > strong { font: 600 var(--text-sm)/1.3 var(--font-ui); color: var(--ink); }
.rec-hd > p { margin: 0; color: var(--muted); font-size: var(--text-xs, 12px); line-height: 1.5; }
.rec-hd > label { display: inline-flex; align-items: center; gap: var(--space-2); font-size: var(--text-sm); }
.rec-hd > select { min-height: 32px; padding: 0 var(--space-2); border: 1px solid var(--line); border-radius: var(--radius-sm); background: var(--surface); color: var(--ink); font: inherit; }
.rec-hd-row { display: flex; align-items: center; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-2); font-size: var(--text-sm); }
.rec-hd-job { margin-top: var(--space-1); font-size: var(--text-sm); color: var(--muted); }
.rec-hd-job .ui-btn { margin-left: var(--space-2); }
.rec-hd-code { overflow-wrap: anywhere; font-size: 11px; color: var(--muted); }
.rec-hd-output { font-size: var(--text-xs, 12px); color: var(--muted); overflow-wrap: anywhere; font-variant-numeric: tabular-nums; }
.rec-hd-stop { position: fixed; left: 50%; bottom: 85px; transform: translateX(-50%); z-index: var(--layer-stack-150000); }
.rec-hd-guard { position: fixed; inset: 0; z-index: var(--layer-stack-200000); display: grid; place-content: center; justify-items: center; gap: var(--space-4); padding: var(--space-6); text-align: center; background: rgb(12 14 18 / .88); color: #f4f4f5; backdrop-filter: blur(6px); }
.rec-hd-guard p { margin: 0; max-width: 46ch; line-height: 1.6; }
.rec-hd-guard .rd-bar { width: min(520px, 80vw); }