:root{font-family:Inter,ui-sans-serif,system-ui,sans-serif;color:#14213d;background:#f3f6fb}*{box-sizing:border-box}body{margin:0}main{min-height:100vh;display:grid;place-items:center;padding:24px}.card{width:min(560px,100%);background:white;border-radius:24px;padding:40px;box-shadow:0 20px 60px #26436c22}.mark{width:52px;height:52px;border-radius:16px;background:#316bff;color:white;display:grid;place-items:center;font-size:28px}h1{margin:22px 0 6px;font-size:2rem}p{color:#667085}.drop{display:flex;flex-direction:column;align-items:center;gap:6px;border:2px dashed #b8c5dc;border-radius:16px;padding:42px 20px;margin:28px 0;cursor:pointer}.drop.drag{border-color:#316bff;background:#f0f5ff}.drop input{display:none}.drop span{color:#7a8599}.row{display:flex;gap:16px;flex-wrap:wrap}.row label{display:grid;gap:6px;flex:1}select,input,button{font:inherit;border-radius:10px;border:1px solid #ccd5e3;padding:12px}button{background:#316bff;color:white;border:0;font-weight:700;cursor:pointer;margin-top:20px;width:100%}button:disabled{opacity:.45;cursor:not-allowed}progress{width:100%;height:14px;margin-top:24px}#progress span{display:block;text-align:center;margin-top:6px;color:#667085}#result{margin-top:24px;padding:18px;background:#eff8f1;border-radius:14px}#result input{width:100%;margin-top:10px}.error{color:#b42318}

