.grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.steps{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}
.steps span{padding:3px 10px;border-radius:999px;border:1px solid var(--line);color:var(--muted)}
.steps span.on{border-color:var(--accent);color:var(--accent);font-weight:600}
.steps span.done{color:var(--ok);border-color:var(--ok)}
.stage{position:relative;background:#000;border-radius:8px;overflow:hidden;aspect-ratio:16/9;margin-bottom:10px;touch-action:manipulation}
.stage video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.ov{position:absolute;inset:0;width:100%;height:100%}
.recdot{position:absolute;top:8px;left:10px;color:#fff;background:rgba(179,38,30,.85);padding:2px 10px;border-radius:999px;font-size:13px;font-weight:600}
.tagbar{margin-top:10px}
.tags{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.tags button{min-height:56px;background:var(--surface);border:1px solid var(--line);color:var(--ink);font-weight:600;padding:0 4px}
.tags button:active{background:var(--ink);color:var(--surface)}
.resgrid{display:grid;grid-template-columns:200px 1fr;gap:16px;align-items:start;margin-top:10px}
.zone{width:200px;height:auto;background:var(--bg);border-radius:8px}
@media (max-width:560px){.resgrid{grid-template-columns:1fr}.zone{width:100%;max-width:260px;margin:0 auto}}
.conf-high{color:var(--ok)}.conf-med{color:var(--warn)}.conf-low{color:var(--bad)}