*{margin:0;padding:0;box-sizing:border-box;font-family:Arial,sans-serif}
body{background:#0f1115;color:#eaeaea;min-height:100vh}
.page{min-height:100vh;display:flex;justify-content:center;align-items:center;padding:24px}
.box{width:min(520px,92vw);background:#151820;border:1px solid rgba(255,255,255,.06);border-radius:20px;padding:34px;text-align:center}
h1{font-size:20px;letter-spacing:.8px;margin-bottom:22px}

.dropzone{border:2px dashed #2ecc71;border-radius:16px;padding:42px;cursor:pointer;user-select:none}
.dropzone.active{background:rgba(46,204,113,.15);border-color:#eaeaea}

.fileInput{
    position:absolute;
    left:-9999px;
    width:1px;
    height:1px;
    opacity:0;
}

.progress{width:100%;height:10px;background:#222;border-radius:10px;overflow:hidden;margin:18px 0}
.bar{height:100%;width:0%;background:#2ecc71}
.status{min-height:22px;font-size:14px;opacity:.9}
.result{margin-top:10px;font-size:14px}
.result a{color:#2ecc71;word-break:break-all;text-decoration:none}
.result a:hover{text-decoration:underline}