*{box-sizing:border-box}body{margin:0;background:#fff;color:#202020;font-family:Arial,sans-serif}main{max-width:820px;margin:60px auto;padding:0 24px}h1{font-size:30px;margin:0 0 10px}.intro{font-size:16px;line-height:1.5;margin-bottom:28px}input[type=file]{display:block;width:100%;padding:14px;border:1px solid #bbb;margin-bottom:14px}button,.button{display:inline-block;border:0;border-radius:0;background:#222;color:#fff;padding:13px 18px;font-size:16px;font-weight:700;text-decoration:none;cursor:pointer}button:disabled{opacity:.55;cursor:default}#progressBox{margin-top:28px}.statusline{display:flex;justify-content:space-between;gap:20px;margin-bottom:8px}.progress{height:22px;background:#e7e7e7;overflow:hidden}.progress>div{height:100%;width:0;background:#7CDA24;transition:width .15s linear}.detail{margin-top:8px;color:#666;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.error,.success{margin-top:24px;padding:14px;border-left:5px solid #222}.error{background:#f5e4e4}.success{background:#edf8e7}.button{margin-top:18px;background:#7CDA24;color:#111}