body { font-family: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial; background:#f6f8fa; color:#111; padding:24px; }
.container { max-width:480px; margin:40px auto; background: #fff; padding:32px 28px 28px 28px; border-radius:12px; box-shadow: 0 6px 24px rgba(20,20,30,0.10); }
h1 { margin-top:0; font-size:2.2rem; letter-spacing:-1px; color:#0ea5e9; }
.subtitle { color:#64748b; margin-top:-10px; margin-bottom:24px; font-size:1.1rem; }
label { display:block; margin:18px 0 8px 0; font-weight:500; }
input[type=file] { display:block; margin-top:6px; }
button { background:#0ea5e9; color:white; border:none; padding:12px 20px; border-radius:7px; cursor:pointer; font-size:1.1rem; margin-top:18px; transition:background 0.2s; }
button:hover { background:#0369a1; }
button:disabled { opacity:0.6 }
.options { margin:16px 0 0 0; color:#334155; font-size:0.98rem; }
.log { background:#0f1722; color:#cbd5e1; padding:12px; border-radius:6px; height:120px; overflow:auto; font-size:0.98rem; margin-top:18px; }
.hidden { display:none }
.bar { background:#e6eefc; border-radius:4px; height:10px; width:100%; margin:16px 0 8px 0; }
.bar > div { background:linear-gradient(90deg,#2dd4bf,#0ea5e9); height:100%; border-radius:4px }