:root{--bg:#0f172a;--card:#ffffff0f;--text:#f8fafc;--muted:#94a3b8;--accent:#38bdf8;--danger:#fb7185;font-family:Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{min-height:100vh;color:var(--text);background:radial-gradient(900px 420px at 15% 0,#38bdf82e,#0000 60%),linear-gradient(160deg,#0b1220,#111827 50%,#0f172a);margin:0}.page{max-width:720px;margin:0 auto;padding:48px 20px 80px}.hero{text-align:center;margin-bottom:28px}.eyebrow{letter-spacing:.28em;text-transform:uppercase;color:var(--accent);font-size:.75rem;font-weight:700}.hero h1{margin:8px 0 12px;font-size:clamp(1.8rem,4vw,2.4rem)}.desc{color:var(--muted);margin:0;line-height:1.6}.card{background:var(--card);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #94a3b838;border-radius:16px;padding:22px}label{margin-bottom:8px;font-weight:600;display:block}input{width:100%;color:var(--text);background:#0f172a8c;border:1px solid #94a3b859;border-radius:10px;margin-bottom:14px;padding:12px 14px;font-size:1rem}button,.btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0ea5e9,#2563eb);border:none;border-radius:10px;justify-content:center;align-items:center;padding:11px 18px;font-weight:700;text-decoration:none;display:inline-flex}button:disabled{opacity:.6;cursor:not-allowed}.error{color:var(--danger);margin:12px 0 0}.result{margin-top:18px}.meta{color:var(--muted);flex-wrap:wrap;gap:12px 18px;margin-bottom:14px;font-size:.9rem;display:flex}.files{gap:10px;margin:0;padding:0;list-style:none;display:grid}.files li{background:#0f172a73;border:1px solid #94a3b829;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.files strong{display:block}.muted{color:var(--muted);font-size:.82rem}.pill{color:var(--muted);border:1px solid #94a3b84d;border-radius:999px;padding:4px 10px;font-size:.8rem}