:root{--bg: #0c0d12;--panel: #15171f;--panel-2: #1d2030;--border: #272b3a;--text: #e7e9f0;--muted: #9aa0b4;--accent: #6c8cff;--accent-2: #3ddc97;--danger: #ff6b6b}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:var(--bg);color:var(--text)}.app{min-height:100vh}.topbar{display:flex;align-items:center;gap:32px;padding:14px 28px;border-bottom:1px solid var(--border);background:var(--panel);position:sticky;top:0;z-index:10}.brand{font-weight:700;letter-spacing:.3px}.topbar nav{display:flex;gap:18px}.topbar nav a{color:var(--muted);text-decoration:none;font-weight:500}.topbar nav a.active{color:var(--text)}main{padding:28px;max-width:1100px;margin:0 auto}h1{font-size:22px;margin:0 0 4px}.sub{color:var(--muted);margin:0 0 24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.card{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:16px}.btn{background:var(--accent);color:#fff;border:none;border-radius:8px;padding:9px 14px;font-weight:600;cursor:pointer}.btn.secondary{background:var(--panel-2);color:var(--text);border:1px solid var(--border)}.btn:disabled{opacity:.5;cursor:not-allowed}.row{display:flex;gap:12px;align-items:center}input,select,textarea{background:var(--panel-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 11px;font:inherit;width:100%}label{display:block;font-size:13px;color:var(--muted);margin:12px 0 6px}.badge{font-size:12px;padding:2px 8px;border-radius:999px;background:var(--panel-2);border:1px solid var(--border);color:var(--muted)}.badge.ready{color:var(--accent-2);border-color:var(--accent-2)}.badge.failed{color:var(--danger);border-color:var(--danger)}.segment{background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:12px;margin-bottom:10px}.seg-controls{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:8px}video{width:100%;border-radius:12px;background:#000}