:root{color:#1f2933;background:#f5f7fa;font-family:Microsoft YaHei,PingFang SC,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input{font:inherit}.page{min-height:100vh;display:grid;place-items:center;padding:24px}.panel{width:min(640px,100%);display:grid;gap:16px}h1{margin:0 0 4px;font-size:clamp(26px,4vw,36px);line-height:1.2;font-weight:700;color:#111827;text-align:center;letter-spacing:0}.dropZone{min-height:180px;width:100%;display:grid;place-items:center;align-content:center;gap:10px;padding:28px;border:2px dashed #73808c;border-radius:8px;background:#fff;color:#1f2933;cursor:pointer}.dropZone:hover,.dropZone.active{border-color:#2563eb;background:#f0f6ff}.dropZone:disabled{cursor:wait;opacity:.7}.dropZone span{font-size:18px;font-weight:700}.dropZone small{color:#52606d}.fileInput{display:none}.primaryButton{height:48px;border:0;border-radius:8px;background:#2563eb;color:#fff;font-weight:700;cursor:pointer}.primaryButton:hover:not(:disabled){background:#1d4ed8}.primaryButton:disabled{background:#9aa5b1;cursor:not-allowed}.progress,.message{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 14px;border-radius:8px;background:#fff;border:1px solid #d9e2ec}.progress span,.message{overflow-wrap:anywhere}.message{justify-content:center;color:#0f766e;font-weight:700}.message.error{color:#b42318}@media(max-width:520px){.page{padding:16px;place-items:start center}.progress{align-items:flex-start;flex-direction:column}}