:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17253b;background:#f4f7fb;font-synthesis:none}*{box-sizing:border-box}body{margin:0}.shell{max-width:1050px;margin:0 auto;padding:0 28px}.top{height:82px;display:flex;align-items:center;gap:12px;font-size:17px;color:#203653}.brandmark{background:#203653;color:#fff;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;font-weight:900}.version{margin-left:auto;font-size:11px;letter-spacing:.1em;border:1px solid #d6dfeb;border-radius:20px;padding:7px 11px;color:#728095}.hero{padding:62px 0 35px}.eyebrow{letter-spacing:.16em;color:#497cc0;font-size:12px;font-weight:800}h1{font-size:clamp(35px,5vw,59px);line-height:1.12;letter-spacing:-.048em;margin:16px 0 19px}p{line-height:1.65;color:#667891}.hero p{max-width:630px;font-size:16px}.panel{background:#fff;border:1px solid #e4eaf3;border-radius:20px;padding:30px;margin:16px 0;box-shadow:0 10px 35px #20365308}h2{font-size:19px;letter-spacing:-.02em;margin:0 0 23px}.drop{display:flex;min-height:190px;align-items:center;justify-content:center;flex-direction:column;gap:13px;border:2px dashed #b9cce1;border-radius:15px;background:#f9fbfe;text-align:center;padding:24px;cursor:pointer}.drop:hover,.drop.dragging{border-color:#3677c9;background:#f0f6ff}.drop input{position:absolute;opacity:0;width:1px;height:1px}.dropicon{font-size:35px;color:#376fa9}.drop strong{font-size:16px}.drop small{color:#78869a}.options{display:flex;align-items:end;flex-wrap:wrap;gap:22px;margin:24px 0}.options>div{display:flex;flex-direction:column;gap:8px}.options label{font-weight:600;font-size:13px}.options input[type=number]{border:1px solid #d2dce9;border-radius:9px;padding:11px 12px;font:inherit;width:130px}.toggle{padding-bottom:11px;display:flex;align-items:center;gap:7px;color:#344a66}button{border:0;background:#203653;color:#fff;padding:16px 22px;border-radius:11px;font-weight:700;font:inherit;cursor:pointer;min-height:52px}button span{padding-left:22px}button:disabled{opacity:.45;cursor:not-allowed}button:hover:not(:disabled){background:#345a87}.secondary{background:#3575bc}#status{padding:13px 0 0;color:#467254}#status.error{color:#b33540}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metrics>div{background:#f4f7fb;border-radius:12px;padding:20px;display:flex;flex-direction:column;gap:5px}.metrics strong{font-size:25px;color:#203653}.metrics span{color:#697a92;font-size:12px}#warnings p{font-size:13px}footer{display:flex;justify-content:space-between;gap:20px;color:#8c9aaf;padding:28px 0 48px;font-size:12px}@media(max-width:670px){.shell{padding:0 16px}.hero{padding:37px 0 24px}.panel{padding:20px}.metrics{grid-template-columns:repeat(2,1fr)}footer{flex-direction:column}}