body { color:#e6e7ee;}
    .card { background:#171a2e; padding:24px; border-radius:16px; width:min(560px, 92vw); box-shadow: 0 10px 30px rgba(0,0,0,.25); }
    h1 { margin-top:0; font-size:22px; }
    form#form .row { display:flex; gap:12px; align-items:center; }
    .hint { opacity:.8; font-size:13px; margin:6px 0 18px; }
    input[type="file"] { display:none; }
    label.button { background:#4f58ff; padding:10px 16px; border-radius:10px; cursor:pointer; user-select:none; display:inline-block; }
    .filename { margin-left:8px; opacity:.9; }
    button[type="submit"] { background:#25c59e; border:0; padding:10px 16px; border-radius:10px; cursor:pointer; color:#09111a; font-weight:600; }
    .progress { height:8px; background:#252a46; border-radius:999px; margin:14px 0; overflow:hidden; }
    .bar { height:100%; width:0%; background:#25c59e; transition:width .2s ease; }
    .result { margin-top:10px; }
    a.download { color:#25c59e; font-weight:600; text-decoration:none; }
    .error { color:#ff8383; }