*{box-sizing:border-box}
:root{
  --bg:#0b0c10;
  --panel:#11131a;
  --muted:#a0a6b5;
  --accent:#4da3ff;
  --accent-2:#5be7a9;
  --text:#e9edf5;
  --danger:#ff6b6b;
}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif}
.site-header{padding:48px 16px;text-align:center}
.site-header h1{margin:0 0 8px 0;font-size:34px;letter-spacing:0.2px}
.tagline{margin:0;color:var(--muted)}
.uploader{max-width:760px;margin:24px auto;background:var(--panel);border:1px solid #1c2130;border-radius:18px;padding:28px;text-align:center}
.uploader h3{margin:6px 0 6px 0}
.muted{color:var(--muted);margin:0 0 12px}
.btn{appearance:none;border:0;border-radius:12px;background:linear-gradient(180deg,var(--accent),#2a7ddd);color:white;padding:12px 16px;font-size:16px;cursor:pointer;box-shadow:0 8px 24px rgba(77,163,255,.25);transition:transform .05s ease;display:inline-block}
.btn:active{transform:translateY(1px)}
.btn-download{background:linear-gradient(180deg,var(--accent-2),#2fb77d);box-shadow:0 8px 24px rgba(91,231,169,.25)}
.support,.privacy{color:var(--muted);font-size:14px;margin:14px 0 0}
.progress{width:100%;height:12px;background:#1a1f2c;border-radius:999px;margin:16px auto 8px;overflow:hidden;border:1px solid #2a2f3d}
.progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--accent),#2fb77d)}
.hidden{display:none}
.log{background:#0f1220;border-radius:12px;padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;max-height:180px;overflow:auto;border:1px solid #1d2332;color:#b7c1d6;text-align:left}
.faq{max-width:760px;margin:24px auto;padding:0 16px}
.faq h2{font-size:22px}
.faq h3{margin:16px 0 6px}
.site-footer{max-width:760px;margin:40px auto 64px;text-align:center;color:var(--muted)}