:root{--bg:#f6f8fb;--card:#fff;--accent:#0b76ef}
*{box-sizing:border-box}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,"Helvetica Neue",Arial;margin:0;background:var(--bg);color:#111}
.container{max-width:720px;margin:48px auto;padding:28px;background:var(--card);border-radius:10px;box-shadow:0 6px 24px rgba(18,38,63,0.06)}
h1{margin:0;font-size:1.6rem}
.lead{color:#555;margin-top:6px}
.drop-zone{margin:20px 0;padding:28px;border:2px dashed #d6e1f5;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:linear-gradient(180deg, rgba(255,255,255,0.6), transparent)}
.drop-zone input{display:none}
.drop-zone .fake-btn{color:var(--accent);cursor:pointer;text-decoration:underline}
.drop-zone.hover{border-color:var(--accent);background:rgba(11,118,239,0.04)}
.drop-zone.has-file{background:#f7fbff}
.actions{display:flex;gap:12px;align-items:center}
.btn{background:var(--accent);color:#fff;padding:10px 16px;border:0;border-radius:8px;cursor:pointer}
.btn:disabled{opacity:.5;cursor:not-allowed}
.progress{display:flex;gap:8px;align-items:center}
.result{margin-top:16px}
.foot{margin-top:24px;color:#777;font-size:.9rem}