:root{font-family:Tahoma,"Noto Sans Thai",sans-serif;color:#16324f;background:#edf3f9;font-size:15px}*{box-sizing:border-box}body{margin:0}header{height:84px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;background:white;border-bottom:1px solid #cbd9e7}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;font-size:23px;font-weight:bold;letter-spacing:-.5px}.mark{background:#1767c4;color:white;border-radius:8px;padding:3px 11px;font-size:30px}.language{font-size:13px;color:#536b80}main{max-width:1280px;margin:auto;padding:42px 32px}.intro{margin-bottom:30px}h1{font-size:clamp(25px,3vw,36px);font-weight:600;letter-spacing:-.8px;margin:0 0 10px;line-height:1.5}p{line-height:1.8;color:#536b80;margin:0}.workspace{display:grid;grid-template-columns:1fr 1fr;background:white;border:1px solid #cbd9e7;border-radius:16px;overflow:hidden}.document,.result{padding:28px;min-width:0}.document{background:#f9fbfe;border-right:1px solid #cbd9e7}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;min-height:30px;margin-bottom:24px}h2{font-size:18px;margin:0;font-weight:600}h2 span{display:block;font-size:12px;font-weight:normal;color:#536b80;margin-top:4px}.drop{min-height:340px;border:2px dashed #a9c0d8;border-radius:10px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;text-align:center;padding:28px;cursor:pointer;background:#f0f6fd}.drop.dragging{border-color:#1767c4;background:#deedff}.drop strong{font-size:18px;font-weight:500}.drop span:not(.upload-icon),.drop small{color:#536b80}.drop small{font-size:11px;line-height:1.8}.upload-icon{font-size:32px;color:#1767c4;background:#dfeeff;width:60px;height:60px;border-radius:50%;margin-bottom:8px}input[type=file]{max-width:100%;margin-top:16px;font:inherit;font-size:12px}button{font:inherit;font-size:13px;border:1px solid #b6c9dc;background:white;border-radius:6px;color:#16324f;padding:10px 14px;cursor:pointer}button:disabled{cursor:default;opacity:.45}.primary{display:block;width:100%;background:#1767c4;color:white;border:0;padding:15px;margin-top:20px;font-size:15px}.primary:disabled{background:#678cb5;opacity:.6}.quiet{padding:5px 10px;background:transparent}.privacy{font-size:11px;margin-top:14px;line-height:1.8}.badge{padding:5px 10px;background:#edf3f9;border-radius:30px;font-size:11px;white-space:nowrap}.badge.done{background:#e2f2ec;color:#187660}.result-help{font-size:12px;margin-bottom:22px}#fields label{display:block;margin-bottom:21px;font-size:14px}#fields label>span{font-size:11px;color:#536b80;display:block;margin-top:4px}#fields input{margin-top:8px;padding:11px 12px;width:100%;border:1px solid #cbd9e7;border-radius:5px;font:inherit;background:#fff;color:#16324f}#fields input:disabled{background:#f7f9fc}.pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}#fields .total{border-top:1px solid #dce5ef;padding-top:21px}#fields .total input{font-size:27px;font-variant-numeric:tabular-nums;font-weight:600;color:#1767c4}small{font-size:10px;color:#536b80}.exports{display:flex;gap:8px;flex-wrap:wrap}details{margin-top:25px;border-top:1px solid #dce5ef;padding-top:18px;font-size:12px}summary{cursor:pointer;color:#536b80}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;line-height:1.8;font-family:inherit;color:#16324f}footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:#536b80;padding:22px 0}.file-info{display:flex;justify-content:space-between;gap:10px;margin-bottom:15px;font-size:12px;overflow-wrap:anywhere}#preview{width:100%;max-height:550px;object-fit:contain;background:#e8eef5}#pdf-preview{width:100%;height:500px;border:1px solid #cbd9e7}#status{font-size:13px;margin-top:16px;line-height:1.8;overflow-wrap:anywhere}#status.error{color:#b32e37}:focus-visible{outline:3px solid #70a7e6;outline-offset:3px}[hidden]{display:none!important}@media(max-width:780px){header{height:68px;padding:0 20px}main{padding:28px 16px}.workspace{grid-template-columns:1fr}.document{border-right:0;border-bottom:1px solid #cbd9e7}.document,.result{padding:22px}.drop{min-height:260px}.pair{grid-template-columns:1fr;gap:0}.brand{font-size:20px}footer{flex-direction:column;gap:8px}.language{font-size:11px}}