:root{--bg: #0a0f1e;--bg2: #121a2e;--card: #16203a;--line: #243152;--txt: #e6ecff;--muted: #8a97b8;--accent: #00d4ff;--accent2: #7c3aed;--ok: #22c55e;--off: #475569;--warn: #f59e0b;--fail: #ef4444}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--txt);font-family:Segoe UI,system-ui,sans-serif}.app{max-width:1300px;margin:0 auto;padding:0 16px 60px}.hdr{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.brand{font-size:20px;letter-spacing:.5px}.brand .logo{color:var(--accent);margin-right:6px}.brand b{color:var(--accent)}.status{display:flex;align-items:center;gap:10px}.badge{font-size:12px;padding:4px 10px;border-radius:20px;border:1px solid var(--line)}.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.off{color:var(--off)}.demo-banner{background:#f59e0b1f;border:1px solid var(--warn);color:#ffd98a;padding:10px 16px;border-radius:10px;margin-top:14px;font-size:13px}.tabs{display:flex;gap:8px;margin:18px 0}.tab{background:transparent;color:var(--muted);border:1px solid var(--line);padding:8px 18px;border-radius:8px;cursor:pointer;font-weight:600;letter-spacing:.5px}.tab.active{color:var(--bg);background:var(--accent);border-color:var(--accent)}.btn{background:var(--accent);color:#04121b;border:none;padding:10px 16px;border-radius:8px;cursor:pointer;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:6px}.btn svg{flex:none}.brand .logo{display:inline-flex;vertical-align:middle;color:var(--accent)}.btn.ghost{background:transparent;color:var(--txt);border:1px solid var(--line)}.btn.sm{padding:6px 12px;font-size:13px}.btn.xs{padding:5px 10px;font-size:12px}.btn.big{background:linear-gradient(90deg,var(--accent),var(--accent2));color:#fff;padding:14px;width:100%;margin-top:12px;font-size:15px}.btn.warn{background:var(--warn);color:#1a1206}.btn:disabled{opacity:.45;cursor:not-allowed}.toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:16px}.muted{color:var(--muted);font-size:13px}.dropzone{display:flex;align-items:center;gap:10px;justify-content:center;text-align:center;border:1px dashed var(--line);border-radius:12px;padding:14px 16px;margin-bottom:16px;color:var(--muted);font-size:13px;background:#ffffff03;transition:.2s}.dropzone b{color:var(--txt);font-weight:600}.dropzone svg{color:var(--accent);flex:none}.dropzone.over{border-color:var(--accent);color:var(--txt);background:#00d4ff0f}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px}.card.sel{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset}.card-top{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:6px}.card img{width:100%;height:150px;object-fit:contain;background:#0c1326;border-radius:8px}.info{margin-top:8px;display:flex;flex-direction:column;gap:6px}.info input,.info textarea,.fld input,.fld textarea{background:var(--bg2);border:1px solid var(--line);color:var(--txt);border-radius:6px;padding:7px;font-size:13px;font-family:inherit;width:100%}.tags{display:flex;flex-wrap:wrap;gap:4px}.tag{background:var(--bg2);border:1px solid var(--line);color:var(--accent);font-size:11px;padding:2px 7px;border-radius:10px}.pub{display:grid;grid-template-columns:360px 1fr;gap:18px;align-items:start}.cfg{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:18px}.cfg h3{margin:0 0 12px}.fld{margin-bottom:12px}.fld label{display:block;font-size:12px;color:var(--muted);margin-bottom:4px}.row{display:flex;align-items:center;gap:8px}.bar{height:8px;background:var(--bg2);border-radius:6px;overflow:hidden;margin-top:12px}.bar div{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));transition:width .3s}.console{background:#060b18;border:1px solid var(--line);border-radius:12px;padding:14px;height:520px;overflow-y:auto;font-family:Consolas,monospace;font-size:13px;color:#9fe8c0;white-space:pre-wrap}.stats{display:flex;gap:14px;margin-bottom:18px}.statcard{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px 24px;text-align:center}.statcard b{display:block;font-size:26px;color:var(--accent)}.statcard span{font-size:12px;color:var(--muted)}.tbl{width:100%;border-collapse:collapse}.tbl th,.tbl td{text-align:left;padding:10px;border-bottom:1px solid var(--line);font-size:13px}.tbl th{color:var(--muted);font-weight:600}.pill{padding:3px 10px;border-radius:12px;font-size:12px}.pill.success{background:#22c55e26;color:var(--ok)}.pill.failed{background:#ef444426;color:var(--fail)}@media(max-width:800px){.pub{grid-template-columns:1fr}}