:root{font-family:system-ui,sans-serif;color:#193147;background:#f4f7fa}*{box-sizing:border-box}body{margin:0}header{background:#102c42;color:white;display:flex;justify-content:space-between;align-items:center;padding:16px max(24px,calc((100vw - 1100px)/2))}header form{margin:0}main{max-width:1100px;margin:32px auto;padding:0 24px}h1{font-size:1.8rem}h2{font-size:1.3rem}section,article{background:white;border:1px solid #d8e2eb;border-radius:12px;padding:24px;margin:20px 0}label{display:block}input:not([type=file]){display:block;width:100%;padding:10px;margin:8px 0 20px;border:1px solid #9bafbe;border-radius:5px}#dropzone{padding:28px;border:2px dashed #7898af;border-radius:8px;text-align:center;background:#f6fafc;cursor:pointer}#dropzone.over{background:#e0f2ff}input[type=file]{display:block;margin:14px auto 0;max-width:100%}button,a.download{border:1px solid #24678b;background:#17658b;color:white;padding:8px 14px;border-radius:6px;cursor:pointer;font:inherit;text-decoration:none}button:disabled{opacity:.5;cursor:default}button.secondary{background:white;color:#24516b;margin-left:6px}.file{padding:18px 0;border-top:1px solid #e1e9f0}.file-heading{display:flex;gap:12px;justify-content:space-between;overflow-wrap:anywhere}.state,.hint,.details{color:#536c7f;font-size:.9rem}progress{width:100%;height:16px;margin:10px 0}#notice{white-space:pre-line;color:#8c3e0e}#selection{overflow-wrap:anywhere}.actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}a{color:#17658b}@media(max-width:600px){section,article{padding:16px}main{padding:0 14px}.file-heading{display:block}}
.details{overflow-wrap:anywhere}