*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:#19314c;font:19px/1.7 system-ui,sans-serif}main{max-width:760px;margin:50px auto;padding:36px}.brand{font-weight:850;font-size:30px;letter-spacing:2px;text-decoration:none;color:#19314c}.brand span{font-size:16px;letter-spacing:0;color:#718096}.eyebrow{margin-top:48px;color:#436ca4;font-weight:650}h1{font-size:38px;line-height:1.45;letter-spacing:-1px}p{color:#52677d}#drop{padding:38px 20px;background:white;border:2px dashed #9fb7d5;border-radius:16px;text-align:center}#drop.drag{background:#e4efff;border-color:#275fbd}label{display:block}#drop label{cursor:pointer}strong{display:block;font-size:24px}label span,small{display:block;color:#687f98;margin:8px}input{font:inherit;padding:12px;max-width:100%}button,.button{display:inline-block;border:0;border-radius:10px;padding:16px 24px;background:#214f89;color:white;font:inherit;font-weight:650;text-decoration:none;cursor:pointer}button:disabled{opacity:.5;cursor:default}#submit{width:100%}.note,footer{font-size:16px}#result{padding:25px;background:white;border-radius:16px}dl{display:grid;grid-template-columns:110px 1fr}dt{color:#667e96}dd{margin:0;overflow-wrap:anywhere}#status{white-space:pre-wrap;color:#214f89}#warnings{white-space:pre-wrap}footer{margin-top:38px}a{color:#214f89}@media(max-width:600px){main{margin:0;padding:24px}h1{font-size:30px}}