.video{margin-top:14px;background:#111;border:1px solid #333;color:#fff;overflow:hidden}.video-bar,.video-controls{display:flex;align-items:center;gap:12px;padding:10px 12px;font:12px/1.4 system-ui,sans-serif}.video-bar{justify-content:space-between}.video-bar #frame-label{text-align:right;color:#ccc}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#74cf91;margin-right:7px}.video.paused .dot{background:#aaa}.video-controls{flex-wrap:wrap;border-top:1px solid #333}.video-controls button{background:#171717;color:#fff;border-color:#555;padding:5px 9px;font-size:12px}.video-controls #position{margin-right:auto;color:#bbb;font-variant-numeric:tabular-nums}.screen{min-height:310px;aspect-ratio:1280/900;background:#202020;display:flex;align-items:flex-start;justify-content:center;overflow:auto}.screen #empty{align-self:center;color:#aaa;padding:35px;text-align:center;max-width:430px}.screen img{display:block;max-width:100%;height:auto;background:#fff}.screen img[hidden]{display:none}.screen.mobile{aspect-ratio:1280/900}.screen.mobile img{width:auto;max-height:100%;max-width:100%;object-fit:contain}.video:fullscreen{width:100vw;height:100vh;display:flex;flex-direction:column}.video:fullscreen .screen{flex:1;min-height:0;aspect-ratio:auto;align-items:center}.video:fullscreen .screen img{max-height:100%;width:auto;object-fit:contain}.frame-prompt{font-size:14px;margin:13px 0 5px}.progress{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px}.progress span{font-size:12px;color:var(--muted);border-bottom:2px solid var(--rule);padding:5px 0;margin-right:10px}.progress .active{border-color:var(--positive);color:var(--ink)}#artifact a{font-weight:600}#reward-chart svg,#results-chart svg{min-height:180px}.stale{color:var(--negative)!important}@media(max-width:580px){.screen{min-height:220px}.screen.mobile{height:460px;aspect-ratio:auto}.video-controls{gap:7px}.video-controls #position{font-size:11px}.video-bar{align-items:flex-start}.video-bar #mode{white-space:nowrap}.frame-prompt{font-size:13px}}
.video-source{padding:0 12px 11px;color:#fff;font-size:13px;font-weight:600;line-height:1.5;border-bottom:1px solid #333}
.video-grade{padding:11px 12px;border-top:1px solid #333;font:12px/1.5 system-ui,sans-serif}.grade-heading{display:flex;justify-content:space-between;align-items:baseline;gap:6px 16px;flex-wrap:wrap}.grade-heading strong{font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}#grader-label{color:#ccc}#grade-details{display:flex;flex-wrap:wrap;gap:3px 13px;color:#bbb;margin-top:5px;font-variant-numeric:tabular-nums}#grade-details:empty{display:none}
#grade-details.has-scores{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 18px;margin-top:12px}.grade-metric{min-width:0}.grade-caption{display:flex;justify-content:space-between;gap:5px;margin-bottom:4px}.grade-track{display:block;height:4px;background:#333;overflow:hidden}.grade-fill{display:block;height:100%;background:#aaa;transform-origin:left;transform:scaleX(var(--fraction));animation:grade-fill-in 450ms cubic-bezier(.2,.8,.2,1)}#grade-score .grade-track{margin-top:5px}#grade-score .grade-fill{background:#74cf91}@keyframes grade-fill-in{from{transform:scaleX(0)}}@media(max-width:580px){#grade-details.has-scores{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 16px}}@media(prefers-reduced-motion:reduce){.grade-fill{animation:none}}