.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}}
.video-activity{display:flex;align-items:center;flex-wrap:wrap;gap:7px 16px;min-height:18px;padding:9px 12px;border-bottom:1px solid #333;font:12px/1.5 system-ui,sans-serif}.activity-label{color:#999}.activity-task{display:inline-flex;align-items:center;gap:7px;min-width:0}.activity-spinner{display:inline-block;flex:none;width:11px;height:11px;border:1.5px solid #555;border-top-color:#fff;border-radius:50%;animation:activity-spin .8s linear infinite}@keyframes activity-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.activity-spinner{animation:none}}
[hidden]{display:none!important}.before-after{width:min(2560px,calc(100vw - 36px));max-width:none;position:relative;left:50%;transform:translateX(-50%)}.before-after>.heading,.before-after>p{max-width:924px;margin-left:auto;margin-right:auto}.example{margin-top:28px;padding-top:24px;border-top:1px solid var(--rule)}.example-heading{display:flex;justify-content:space-between;align-items:baseline;gap:8px 18px;flex-wrap:wrap}.example-heading h3{margin:0}.example details{border:0;padding:0;margin:10px 0 18px;font-size:13px}.example details p{white-space:pre-line}.example-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.example-pair figure{margin:0;min-width:0}.example-label{font-size:13px;font-weight:600;color:var(--ink);margin-bottom:10px}.example-pair a{display:block;cursor:zoom-in}.example-pair img{display:block;width:100%;height:auto;border:1px solid var(--rule);background:#fff}.before-after[data-viewport=mobile] .example-pair a{max-width:390px;margin-inline:auto}.example-grade{font-size:12px;font-variant-numeric:tabular-nums;margin:10px 0 4px}.example-pair .fine{margin-top:4px}.before-after>p.fine{margin-top:24px}@media(max-width:580px){.example-pair{gap:12px}.example-label{font-size:12px}.example-heading h3{font-size:15px}.example-grade{font-size:11px}.example-pair .fine{font-size:11px}}
#learning .legend span:nth-child(2) i{color:var(--ink)}#run-costs table{width:100%;border-collapse:collapse;font-size:13px}#run-costs th,#run-costs td{padding:8px 0;border-bottom:1px solid var(--rule);text-align:left;font-weight:400}#run-costs td,#run-costs thead th:last-child{text-align:right;font-variant-numeric:tabular-nums}#run-costs .cost-total th,#run-costs .cost-total td{font-weight:600}