:root{--ink:#0f172a;--muted:#334155;--bg:#fff;--panel:#f1f5f9;--line:#cbd5e1;--brand:#0b3d91;--brand-ink:#fff;--ok:#166534;--ok-bg:#dcfce7;--bad:#991b1b;--bad-bg:#fee2e2;--focus:#f59e0b;--radius:14px;font-size:112.5%}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;line-height:1.6}a{color:var(--brand)}:focus-visible{outline:4px solid var(--focus);outline-offset:3px;border-radius:6px}.skip-link{background:var(--brand);color:#fff;z-index:10;padding:.75rem 1rem;position:absolute;top:0;left:-9999px}.skip-link:focus{top:1rem;left:1rem}.site-header{border-bottom:2px solid var(--line);align-items:center;padding:1rem 1.5rem;display:flex}.brand{color:var(--ink);align-items:center;gap:.5rem;font-size:1.4rem;font-weight:800;text-decoration:none;display:inline-flex}.brand-mark{background:var(--brand);color:#fff;border-radius:8px;place-items:center;width:2rem;height:2rem;font-size:1rem;display:inline-grid}main{max-width:1200px;margin:0 auto;padding:2rem 1.25rem 4rem}.site-footer{text-align:center;color:var(--muted);border-top:2px solid var(--line);padding:2rem 1rem;font-size:.9rem}h1{margin:0 0 .75rem;font-size:clamp(1.9rem,4vw,2.8rem);line-height:1.15}.lead{color:var(--muted);max-width:46rem;margin:0 0 2rem;font-size:1.2rem}.card{background:var(--panel);border:2px solid var(--line);border-radius:var(--radius);padding:1.5rem}.field{gap:.4rem;margin-bottom:1.25rem;display:grid}label{font-size:1.1rem;font-weight:700}.hint{color:var(--muted);margin:0;font-size:.95rem}input[type=text],input[type=url],textarea{font:inherit;color:var(--ink);background:#fff;border:2px solid #64748b;border-radius:10px;width:100%;min-height:52px;padding:.85rem 1rem;font-size:1.1rem}textarea{resize:vertical;min-height:140px}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{font:inherit;border:2px solid var(--brand);color:var(--brand);cursor:pointer;background:#fff;border-radius:999px;min-height:44px;padding:.55rem .9rem;font-size:.95rem}.btn{font:inherit;background:var(--brand);color:var(--brand-ink);cursor:pointer;border:none;border-radius:12px;min-height:56px;padding:1rem 1.75rem;font-size:1.2rem;font-weight:800}.btn:disabled{opacity:.6;cursor:progress}.btn-secondary{color:var(--brand);border:2px solid var(--brand);background:#fff}.alert{border-radius:10px;margin:1rem 0;padding:1rem 1.25rem;font-weight:600}.alert-error{background:var(--bad-bg);color:var(--bad);border:2px solid var(--bad)}.alert-ok{background:var(--ok-bg);color:var(--ok);border:2px solid var(--ok)}.workspace{grid-template-columns:minmax(0,3fr) minmax(280px,2fr);align-items:start;gap:1.5rem;display:grid}@media (max-width:900px){.workspace{grid-template-columns:1fr}}.stage{aspect-ratio:16/9;border-radius:var(--radius);color:#fff;background:#0f172a;place-items:center;display:grid;overflow:hidden}.stage video{background:#000;width:100%;height:100%}.stage-status{text-align:center;padding:1.5rem}.stage-status p{margin:.75rem 0 0;font-size:1.35rem;font-weight:700}.spinner{border:6px solid #ffffff40;border-top-color:#fff;border-radius:50%;width:56px;height:56px;margin:0 auto;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.spinner{animation:none}*{transition:none!important}}progress.bar{appearance:none;background:var(--line);border:none;border-radius:999px;width:100%;height:18px;overflow:hidden}progress.bar::-webkit-progress-bar{background:var(--line);border-radius:999px}progress.bar::-webkit-progress-value{background:var(--brand);border-radius:999px}progress.bar::-moz-progress-bar{background:var(--brand);border-radius:999px}.steps{gap:.6rem;margin:0;padding:0;list-style:none;display:grid}.step{border:2px solid var(--line);background:#fff;border-radius:10px;align-items:center;gap:.75rem;padding:.7rem .9rem;font-size:1.05rem;display:flex}.step[data-state=done]{border-color:var(--ok)}.step[data-state=active]{border-color:var(--brand);background:#eff6ff;font-weight:700}.step[data-state=todo]{color:var(--muted)}.step-icon{border:2px solid;border-radius:50%;flex:none;place-items:center;width:2rem;height:2rem;font-weight:800;display:inline-grid}.step[data-state=done] .step-icon{background:var(--ok);color:#fff;border-color:var(--ok)}.step[data-state=active] .step-icon{background:var(--brand);color:#fff;border-color:var(--brand)}.log{max-height:240px;color:var(--muted);margin-top:1.25rem;padding-left:1.2rem;font-size:.95rem;overflow:auto}.row{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.progress-card,.progress-card .row{margin-top:1rem}form .hint:last-child{margin-top:.75rem}a.btn{align-items:center;text-decoration:none;display:inline-flex}