:root{--bg:#fafafa;--fg:#14161a;--muted:#6b7280;--card:#fff;--border:#e5e7eb;--accent:#3b3bff;--accent-fg:#fff;--danger:#c62828;--ok:#1b7f3b}@media (prefers-color-scheme:dark){:root{--bg:#0e0f12;--fg:#eceef2;--muted:#9aa1ad;--card:#16181d;--border:#272a31;--accent:#7c7cff;--accent-fg:#0e0f12;--danger:#ff6b6b;--ok:#5fd68a}}*{box-sizing:border-box}body{background:var(--bg);color:var(--fg);margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,sans-serif}a{color:var(--accent)}.wrap{max-width:960px;margin:0 auto;padding:24px 16px 64px}.bar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;display:flex}.bar h1{margin:0;font-size:20px}.card{background:var(--card);border:1px solid var(--border);border-radius:12px;margin-bottom:16px;padding:16px}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.stack>*+*{margin-top:12px}label{margin-bottom:4px;font-size:14px;font-weight:600;display:block}.hint{color:var(--muted);margin:2px 0 0;font-size:13px}input[type=text],textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--fg);font:inherit;border-radius:8px;padding:10px}textarea{resize:vertical;min-height:110px}button,.btn{background:var(--accent);color:var(--accent-fg);font:inherit;cursor:pointer;border:0;border-radius:8px;padding:9px 14px;font-weight:600;text-decoration:none;display:inline-block}button.secondary{color:var(--fg);border:1px solid var(--border);background:0 0}button:disabled{opacity:.5;cursor:default}.badge{border:1px solid var(--border);color:var(--muted);border-radius:99px;padding:2px 8px;font-size:12px;font-weight:700}.badge.ready{color:var(--ok)}.badge.failed{color:var(--danger)}.err{color:var(--danger);font-size:14px}.mono{word-break:break-all;font-family:ui-monospace,Menlo,monospace;font-size:13px}.url{align-items:center;gap:8px;display:flex}.url span{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.url button{padding:4px 10px;font-size:13px}.landing{grid-template-columns:1fr;align-items:start;gap:24px;max-width:1100px;margin:0 auto;padding:24px 16px 48px;display:grid}@media (min-width:860px){.landing{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);padding-top:56px}}.landing video,.landing .placeholder{aspect-ratio:16/9;background:#000;border-radius:12px;width:100%;display:block}.placeholder{color:#aaa;place-items:center;display:grid}.landing h1{margin:0 0 12px;font-size:28px;line-height:1.2}.landing p{margin:0 0 14px}