:is(.tool-panel:has(#rec-panel) #drop,.tool-panel:has(#rec-panel) #file-list){display:none}#tool[data-count="0"]:has(#rec-panel) .run-dock{display:none}.rec-panel{gap:16px;display:grid}.rec-screen{background:var(--surface-2);border:1px dashed var(--line-strong);border-radius:var(--radius);place-items:center;min-height:200px;display:grid;position:relative;overflow:hidden}.rec-screen[data-state=live],.rec-screen[data-state=done]{background:#000;border-style:solid}.rec-screen:not([data-state=idle]){aspect-ratio:16/9}.rec-preview{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.rec-idle{text-align:center;color:var(--muted);justify-items:center;gap:6px;padding:20px;display:grid}.rec-idle strong{color:var(--ink);font-size:1.05rem}.rec-idle svg{width:36px;height:36px;color:var(--accent)}.rec-live{color:#fff;font-variant-numeric:tabular-nums;background:#000000a6;border-radius:999px;align-items:center;gap:8px;padding:4px 10px;font-size:.9rem;font-weight:600;display:inline-flex;position:absolute;top:12px;left:12px}.rec-dot{background:#e5484d;border-radius:50%;width:10px;height:10px}.rec-screen[data-state=live] .rec-dot{animation:1.2s steps(2,jump-none) infinite rec-blink}.rec-screen[data-state=paused] .rec-dot{background:#aaa}@keyframes rec-blink{50%{opacity:.25}}@media (prefers-reduced-motion:reduce){.rec-screen[data-state=live] .rec-dot{animation:none}}.rec-controls{flex-wrap:wrap;gap:10px;display:flex}.rec-options{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px 28px;display:grid}.rec-label{color:var(--ink-2);font-size:14px;font-weight:620}.rec-note{margin:0}.rec-note.is-warn{color:var(--warn);font-weight:600}