:root{--fg:#1f2933;--muted:#6b7280;--line:#e5e7eb;--accent:#2f5d8a;--bg:#fafaf8;--ok:#2a7d4f;--warn:#b8860b;--bad:#b33a3a}*{box-sizing:border-box}html,body,#root{height:100%}body{color:var(--fg);background:var(--bg);margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}#root{flex-direction:column;display:flex}a{color:var(--accent)}header.top{border-bottom:1px solid var(--line);background:#fff;flex:none;justify-content:space-between;align-items:center;padding:.75rem 1.25rem;display:flex}header.top h1{margin:0;font-size:1.1rem}main{flex:auto;width:100%;max-width:1040px;min-height:0;margin:0 auto;padding:1.25rem;overflow:auto}button{font:inherit;border:1px solid var(--accent);background:var(--accent);color:#fff;cursor:pointer;border-radius:6px;padding:.45rem .9rem}button.secondary{color:var(--accent);background:#fff}button:disabled{opacity:.5;cursor:default}input[type=text],input[type=email],input[type=url],select{font:inherit;border:1px solid var(--line);border-radius:6px;width:100%;padding:.45rem .6rem}label{color:var(--muted);margin:.6rem 0 .2rem;font-size:.85rem;display:block}.card{border:1px solid var(--line);background:#fff;border-radius:8px;margin-bottom:1rem;padding:1rem 1.25rem}.row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.muted{color:var(--muted)}.error{color:var(--bad)}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:.4rem .5rem;font-size:.92rem}.badge{color:var(--accent);background:#eef2f7;border-radius:999px;padding:.1rem .5rem;font-size:.78rem;display:inline-block}.badge.complete{color:var(--ok);background:#e5f4ea}.badge.failed{color:var(--bad);background:#f8e5e5}.badge.running{color:var(--warn);background:#fbf3dc}.steps{flex-wrap:wrap;gap:.35rem;margin:.5rem 0;display:flex}.steps span{color:var(--muted);background:#eee;border-radius:4px;padding:.15rem .55rem;font-size:.78rem}.steps span.done{color:var(--ok);background:#e5f4ea}.steps span.now{color:var(--warn);background:#fbf3dc}.turn{margin:.35rem 0}.turn .who{font-weight:600}.turn .t{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:.4rem;font-size:.8rem}.turn .low{background:#fff3cd}.turn .rev{background:#e0f0ff}.turn .collapsed{color:var(--muted);font-style:italic}.section h3{margin:1.25rem 0 .25rem}.section .summary{color:var(--muted);margin-bottom:.5rem;font-size:.9rem}progress{width:100%}main.wide{flex-direction:column;max-width:1800px;padding-bottom:0;display:flex;overflow:hidden}main.wide>.error{flex:none}.record-layout{flex:auto;align-items:stretch;min-height:0;display:grid}.player-col,.record-col,.frames-col{min-width:0;min-height:0;padding-bottom:1.25rem;overflow:auto}.frames-col{padding-left:.1rem}.player-col .job-info{overflow-wrap:anywhere;margin-bottom:.75rem}.player-col .job-info h2{font-size:1.15rem}.player-col .job-info .back{margin:0 0 .5rem;font-size:.85rem}.player-col video,.player-col audio{background:#000;border-radius:8px;width:100%}.player-col audio{background:0 0}.player-col details.card{margin-top:.75rem}.now-playing{margin:.75rem 0 .25rem}.small{font-size:.82rem}.col-handle{cursor:col-resize;touch-action:none;outline:none;position:relative}.col-handle:after{content:"";background:var(--line);border-radius:1px;width:2px;margin-left:-1px;transition:background .12s;position:absolute;top:0;bottom:0;left:50%}.col-handle:hover:after,.col-handle:focus-visible:after,.col-handle.dragging:after{background:var(--accent)}body.col-dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}body.col-dragging video,body.col-dragging img{pointer-events:none}button.link{color:var(--accent);cursor:pointer;font:inherit;background:0 0;border:none;padding:0}button.t.link{color:var(--muted);font-variant-numeric:tabular-nums;margin-right:.4rem;font-size:.8rem}button.t.link:hover{color:var(--accent);text-decoration:underline}.section{border-left:3px solid #0000;margin-left:-.5rem;padding-left:.5rem}.section.current{border-left-color:var(--accent)}.turn.active{background:#f4f7fb;border-radius:4px}.turn .w{cursor:pointer;border-radius:3px}.turn .w:hover{background:#eef2f7}.turn .w.now{background:var(--accent);color:#fff}.frames-col h4{margin:0 0 .5rem;font-size:.95rem}.frame{cursor:pointer;margin:0 0 .9rem}.frame img{border:1px solid var(--line);border-radius:6px;width:100%;display:block}.frame:hover img{border-color:var(--accent)}.frame figcaption{color:var(--muted);margin-top:.25rem;font-size:.78rem}.frame-img{position:relative}.frame .expand{color:#fff;opacity:0;background:#0000008c;border-color:#0000;padding:0 .4rem;font-size:1.05rem;line-height:1.5;transition:opacity .12s;position:absolute;top:.35rem;right:.35rem}.frame:hover .expand,.frame .expand:focus-visible,.frame:focus-within .expand{opacity:1}@media (hover:none){.frame .expand{opacity:1}}dialog.frame-modal{color:#fff;background:0 0;border:none;max-width:none;max-height:none;padding:0}dialog.frame-modal::backdrop{background:#000000d1}.frame-modal-body{flex-direction:column;align-items:center;gap:.6rem;display:flex;position:relative}.frame-modal-body img{object-fit:contain;border-radius:6px;max-width:95vw;max-height:85vh;display:block}.frame-modal-body .close{color:#fff;background:#0000008c;border-color:#0000;padding:0 .55rem;font-size:1.2rem;line-height:1.5;position:absolute;top:.5rem;right:.5rem}.frame-modal-bar{align-items:center;gap:.6rem;width:100%;max-width:95vw;display:flex}.frame-modal-text{flex:auto;min-width:0;font-size:.92rem}.frame-modal .t{color:#cbd5e1;font-variant-numeric:tabular-nums;font-size:.85rem}.frame-modal .muted{color:#cbd5e1}@media (width<=900px){main.wide{padding-bottom:1.25rem;display:block;overflow:auto}.record-layout,.record-layout.with-frames{grid-template-columns:1fr!important}.player-col,.record-col,.frames-col{padding-bottom:0;overflow:visible}.col-handle{display:none}}button.google{justify-content:center;align-items:center;width:100%;display:flex}.or{text-align:center;margin:.25rem 0 .5rem}