@media(max-width:600px){body main{padding:28px 14px 36px}body h1{font-size:36px;line-height:1.05}body header p{margin-bottom:0;font-size:16px}body .card{margin-top:24px;padding:12px;border-radius:12px}body .drop{min-height:180px;padding:20px 14px}body .drop strong{font-size:18px}body .drop__icon{font-size:38px}body li{align-items:stretch;gap:10px;padding:12px 3px}body li>div{min-width:0;overflow-wrap:anywhere}body li .upload{width:100%;min-height:44px}body .progress{width:100%;margin-bottom:14px}}:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#123545;background:#eef5f4;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh}main{max-width:780px;margin:auto;padding:clamp(36px,8vw,88px) 20px}header{max-width:570px}h1{font-size:clamp(35px,6vw,55px);letter-spacing:-.055em;margin:5px 0 12px}.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#176a89}header p{color:#52727c;font-size:17px}.card{margin-top:34px;background:#fff;border:1px solid #b7c8ca;border-radius:16px;padding:18px;box-shadow:0 16px 35px #12354510}.drop{width:100%;min-height:225px;border:2px dashed #73a9b7;border-radius:11px;background:#f5fbfb;color:#15536a;display:grid;place-content:center;gap:7px;text-align:center;padding:30px}.drop:hover{background:#e9f7f6;border-color:#176a89}.drop strong{font-size:20px}.drop span{color:#52727c}.drop__icon{font-size:45px;line-height:1;color:#176a89}.guidance{font-size:12px;color:#52727c;text-align:center;margin:15px 0 2px}ul{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:8px}li{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid #deebea;padding:13px 3px}li strong,li small{display:block}li small{font-size:12px;color:#52727c;margin-top:3px}.upload{border:1px solid #176a89;border-radius:6px;background:#176a89;color:#fff;font-weight:800;padding:8px 14px}.progress{width:130px;height:7px;border-radius:99px;background:#d8e9e8;position:relative}.progress span{display:block;height:100%;border-radius:inherit;background:#176a89}.progress b{position:absolute;right:0;top:10px;color:#52727c;font-size:11px}.result{font-size:12px;font-weight:800}.result--done{color:#07815a}.result--error{color:#b64738}@media(max-width:520px){main{padding:40px 14px}li{align-items:flex-start;flex-direction:column}.progress{width:100%}}