:root{--paper:#f8f6f1;--ink:#1d1b16;--muted:#6b665c;--line:#ddd8cc;--accent:#e0a82e;--ok:#1d6b2f;--bad:#a12d1f;--card:#fff}@media (prefers-color-scheme:dark){:root{--paper:#17150f;--ink:#f1ede4;--muted:#a49e91;--line:#3a362d;--card:#211e17}}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font:16px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}main{max-width:1180px;margin:0 auto;padding:24px 20px 64px}main.narrow{max-width:520px}header.top{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:20px;padding:12px 20px;display:flex}header.top .brand{font-weight:700}header.top nav{flex:1;gap:16px;display:flex}h1{margin:8px 0 16px;font-size:28px}h2{margin:28px 0 10px;font-size:20px}.stack{gap:14px;display:grid}label{gap:4px;font-size:14px;font-weight:600;display:grid}input,textarea,select{font:inherit;border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:6px;padding:9px 10px}textarea{min-height:90px}.row{flex-wrap:wrap;align-items:end;gap:10px;display:flex}.row>label{flex:1;min-width:120px}button,.button{font:inherit;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;border-radius:6px;padding:9px 16px;font-weight:600;text-decoration:none;display:inline-block}button.secondary,.button.secondary{color:var(--ink);background:0 0}button:disabled{opacity:.5;cursor:default}.muted{color:var(--muted);font-size:14px}.ok{color:var(--ok)}.bad{color:var(--bad)}.card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:16px}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:8px 10px}th{color:var(--muted);font-size:13px}.status{border:1px solid var(--line);border-radius:99px;padding:1px 8px;font-size:13px;display:inline-block}.status.live{border-color:var(--ok);color:var(--ok)}.status.in_review{border-color:var(--accent)}.status.failed{border-color:var(--bad);color:var(--bad)}.cols{grid-template-columns:minmax(260px,1fr) minmax(360px,1.35fr);gap:16px;display:grid}.cols img{border:1px solid var(--line);background:#fff;width:100%}iframe{border:1px solid var(--line);background:#fff;width:100%;height:760px}.strip{grid-template-columns:repeat(3,1fr);gap:4px;display:grid}.strip img{width:100%}@media (max-width:860px){.cols{grid-template-columns:1fr}iframe{height:640px}}.tiles{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;display:grid}.tiles .card{gap:2px;display:grid}.tiles b{font-variant-numeric:tabular-nums;font-size:28px}table.steps td[data-k]{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}table.steps tr.slow td[data-k=time]{color:var(--bad);font-weight:600}
