:root{--bg:#09090b;--panel:#18181b;--panel2:#27272a;--text:#fafafa;--muted:#a1a1aa;--line:#3f3f46;--blue:#0284c7;--green:#16a34a;--amber:#d97706;--rose:#dc2626}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app{min-height:100vh}.wrap{max-width:1200px;margin:0 auto;padding:20px}h1{margin:0 0 8px;font-size:28px}.subtitle{color:var(--muted);margin:0 0 20px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.filters{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.filters input,.filters select,.filters button{border:1px solid var(--line);width:100%;color:var(--text);background:#111114;border-radius:12px;padding:12px;font-size:14px}.filters button{background:var(--blue);border:none;font-weight:600}.stats{color:var(--muted);justify-content:space-between;gap:12px;margin:16px 0;font-size:14px;display:flex}.errorBox{color:#fda4af;background:#dc26261f;border:1px solid #dc262666;border-radius:16px;margin-bottom:16px;padding:12px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:14px}.cardTitle{word-break:break-word;margin:12px 0 4px;font-size:16px;font-weight:700}.meta{color:var(--muted);margin-bottom:10px;font-size:12px}.caption{color:#e4e4e7;white-space:pre-wrap;word-break:break-word;margin:10px 0;font-size:14px}.tags{flex-wrap:wrap;gap:6px;margin:10px 0 14px;display:flex}.tag{background:var(--panel2);color:#d4d4d8;border-radius:999px;padding:4px 10px;font-size:12px}.badge{border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-block}.not_ready{color:#fff;background:#3f3f46}.queued{background:var(--amber);color:#fff}.processing{background:var(--blue);color:#fff}.ready{background:var(--green);color:#fff}.failed{background:var(--rose);color:#fff}.actions{flex-wrap:wrap;gap:8px;display:flex}.btn{color:#fff;border:none;border-radius:12px;padding:10px 14px;font-size:14px;font-weight:600}.btn-blue{background:var(--blue)}.btn-green{background:var(--green)}.btn:disabled{opacity:.6}.errorText{color:#fda4af;margin-top:10px;font-size:12px}.pager{justify-content:center;gap:10px;margin:20px 0;display:flex}.pager button{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:12px;padding:10px 14px}.playerOverlay{z-index:9999;background:#000000d9;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.playerBox{border:1px solid var(--line);background:#050505;border-radius:20px;width:100%;max-width:900px;padding:14px}.playerTop{justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px;display:flex}.playerTop h2{margin:0;font-size:18px}.playerTop button{border:1px solid var(--line);background:var(--panel);color:#fff;border-radius:12px;padding:10px 14px}video{background:#000;border-radius:16px;width:100%}@media (width<=900px){.grid,.filters{grid-template-columns:1fr 1fr}}@media (width<=640px){.grid,.filters{grid-template-columns:1fr}}