:root{--bg: #0b0d12;--surface: #151922;--text: #e8eaf0;--muted: #8b93a7;--accent: #4f8cff;--error: #ff6b6b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,sans-serif}.page{max-width:1100px;margin:0 auto;padding:24px 16px 64px}h1{font-size:1.75rem;margin:16px 0 8px}.muted{color:var(--muted)}.error{color:var(--error)}.back{color:var(--accent);text-decoration:none;font-size:.9rem}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-top:16px}.card{display:block;background:var(--surface);border-radius:10px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .15s ease}.card:hover{transform:translateY(-2px)}.card img,.card-placeholder{width:100%;aspect-ratio:16 / 9;object-fit:cover;display:block}.card-placeholder{background:#222836}.card-body{padding:10px 12px 14px}.card-body h2{font-size:.95rem;margin:0 0 4px}.card-body p{margin:0;font-size:.8rem}.player{width:100%;aspect-ratio:16 / 9;background:#000;border-radius:10px;margin-top:12px}table{width:100%;border-collapse:collapse;margin-top:16px;font-size:.9rem}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid #222836}th{color:var(--muted);font-weight:500}.badge{padding:2px 8px;border-radius:999px;font-size:.75rem}.badge-draft{background:#2b3140;color:var(--muted)}.badge-uploaded{background:#2b3a55;color:#9ec1ff}.badge-processing{background:#4a3c1f;color:#ffd479}.badge-ready{background:#1f4632;color:#6ee7a8}.badge-errored{background:#4d2226;color:#ff9c9c}.panel{background:var(--surface);border-radius:10px;padding:16px;margin-top:20px}input[type=text],input[type=number],textarea{width:100%;padding:8px 10px;margin:4px 0 12px;background:#0f131b;border:1px solid #262c3a;border-radius:6px;color:var(--text)}button{background:var(--accent);color:#fff;border:0;border-radius:6px;padding:8px 14px;cursor:pointer;font-size:.9rem}button:disabled{opacity:.5;cursor:not-allowed}button.ghost{background:transparent;border:1px solid #2c3444;color:var(--text)}progress{width:100%;height:6px;margin-top:8px}
