:root{--bg0:#070a12;--bg1:#0b1020;--card:#0f1630cc;--card2:#0f163099;--border:#243055;--text:#eaf0ff;--muted:#a7b3d6;--accent:#7c5cff;--accent2:#2dd4bf;--danger:#ff5c7a;--shadow: 0 20px 50px rgba(0,0,0,.45);--radius:16px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;color:var(--text);background:radial-gradient(1200px 600px at 20% 10%,rgba(124,92,255,.35),transparent 60%),radial-gradient(900px 500px at 80% 30%,rgba(45,212,191,.25),transparent 60%),linear-gradient(180deg,var(--bg0),var(--bg1))}a{color:var(--accent2);text-decoration:none}a:hover{text-decoration:underline}.wrap{min-height:100%;padding:28px 16px 60px}.shell{max-width:980px;margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:18px}.brand{display:flex;align-items:center;gap:10px}.logo{width:50px;height:50px;border-radius:12px;box-shadow:0 12px 30px #7c5cff40}.brand h1{font-size:16px;margin:0;letter-spacing:.2px}.brand p{margin:0;font-size:12px;color:var(--muted)}.grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}@media (max-width: 880px){.grid{grid-template-columns:1fr}}.card{border:1px solid rgba(255,255,255,.1);box-shadow:0 0 8px #e8effa33}.cardHead{padding:16px 16px 0}.cardBody{padding:16px}.h2{margin:0 0 6px;font-size:18px}.muted{margin:0;color:var(--muted);font-size:13px;line-height:1.35}.dropzone{margin-top:14px;padding:14px;border-radius:14px;background:var(--card2);border:1px dashed rgba(167,179,214,.35)}.row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.file{width:100%;padding:10px;border-radius:12px;border:1px solid rgba(167,179,214,.25);background:#00000040;color:var(--text)}.btn{border:0;padding:10px 14px;border-radius:12px;cursor:pointer;color:#fff;background:linear-gradient(135deg,var(--accent),rgba(124,92,255,.6));box-shadow:0 12px 30px #7c5cff40;font-weight:600;transition:transform .08s ease,filter .15s ease}.btn:hover{filter:brightness(1.05)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.pill{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(167,179,214,.25);color:var(--muted);background:#0003}.err{margin-top:10px;color:var(--danger);font-size:13px;white-space:pre-wrap}.success{border:1px solid rgba(45,212,191,.35);background:#2dd4bf14}.kv{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border-radius:12px;border:1px solid rgba(167,179,214,.2);background:#0000002e;margin-top:10px}.kv b{font-size:13px}.kv span{color:var(--muted);font-size:12px}.small{font-size:12px;color:var(--muted)}.footer{margin-top:40px;padding:18px 20px;border-top:1px solid rgba(255,255,255,.08);box-shadow:0 0 8px #af9ff083}.footer-inner{max-width:980px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.footer-brand{display:flex;align-items:center;gap:10px;font-size:.9rem;opacity:.85}.footer-logo{width:50px;height:50px;opacity:.9;filter:drop-shadow(0 0 4px rgba(56,189,248,.25))}.footer-meta{display:flex;gap:14px;font-size:.75rem;opacity:.6;flex-wrap:wrap}@media (max-width: 600px){.footer-inner{flex-direction:column;align-items:flex-start}}