:root{font-family:Noto Sans Thai,Leelawadee UI,Tahoma,system-ui,sans-serif;color:#18243c;background:#f6f8fc;font-size:14px;--bg: #f6f8fc;--panel: #fff;--text: #18243c;--muted: #7a8498;--line: #e9edf5;--blue: #2458ed;--soft: #edf2ff;--shadow: 0 6px 30px #233a6406;color-scheme:light}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{cursor:pointer;transition:background .18s,transform .18s}button:hover{filter:brightness(.97)}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #94b5ff;outline-offset:3px}button{border:0}a{color:inherit;text-decoration:none}header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5%,calc((100vw - 1320px)/2));background:var(--panel);border-bottom:1px solid var(--line);gap:20px}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:700;white-space:nowrap}.brand-icon{background:var(--blue);color:#fff;width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-size:28px}.brand-sub{font-size:12px;font-weight:400;color:var(--muted);border-left:1px solid var(--line);padding-left:18px;margin-left:5px}.header-actions{display:flex;align-items:center;gap:18px}.privacy{color:#55847c;font-size:12px}.icon-btn{background:transparent;color:var(--muted);font-size:24px}.soft-btn{background:var(--soft);color:var(--blue);padding:10px 15px;border-radius:9px}main{max-width:1320px;margin:auto;padding:46px 28px 0}.hero{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:12px;letter-spacing:1px;color:var(--blue);font-weight:700;margin-bottom:14px}h1{font-size:42px;line-height:1.4;letter-spacing:-1px;margin:0;font-weight:700}h1 span{color:var(--blue)}.hero p{color:var(--muted);line-height:1.8;margin:15px 0 0}.hero-note{display:flex;gap:15px;align-items:center;padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:16px}.hero-note strong{font-size:14px}.hero-note p{font-size:12px;margin:7px 0 0}.shield{width:42px;height:47px;background:#e6f6ef;color:#329473;font-size:22px;display:grid;place-items:center;border-radius:13px 13px 22px 22px}.steps{display:flex;align-items:center;gap:18px;margin:30px 0;color:var(--muted);font-size:12px}.steps span{display:flex;align-items:center;gap:9px}.steps b{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#e9edf5;font-size:12px}.steps .current{color:var(--blue)}.current b{background:var(--blue);color:#fff}.steps i{height:1px;width:55px;background:var(--line)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start}.dropzone{border:1.5px dashed #b8c9f6;border-radius:18px;text-align:center;padding:32px 20px;background:linear-gradient(130deg,var(--panel),var(--soft));transition:.2s}.dropzone.dragging{background:#dce8ff;border-color:var(--blue);transform:scale(1.01)}.upload-symbol{width:53px;height:53px;margin:0 auto 15px;border-radius:15px;background:var(--panel);box-shadow:0 3px 15px #2458ed12;color:var(--blue);font-size:36px}.dropzone h2{font-size:19px;margin:0 0 8px}.dropzone p{color:var(--muted);font-size:12px;margin:0 0 20px}.primary{background:var(--blue);color:#fff;padding:12px 24px;border-radius:9px;font-weight:600;box-shadow:0 4px 12px #2458ed22}.dropzone small{display:block;color:var(--muted);font-size:12px;margin-top:17px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:26px 0 14px}h2{font-size:16px;margin:0}.count{font-size:12px;background:#e6ebf5;padding:3px 7px;border-radius:6px;color:#707e99;margin-left:5px}.text-btn{background:transparent;color:var(--blue);font-size:12px;padding:5px}.empty-files{color:var(--muted);font-size:12px;text-align:center;padding:20px 0 30px}.file-list{display:grid;gap:12px}.file-card{background:var(--panel);border:1px solid var(--line);border-radius:13px;padding:15px 17px}.file-card.chosen{border-color:#adc1fb;box-shadow:0 2px 10px #2458ed06}.file-main{display:flex;align-items:center;justify-content:space-between;gap:8px}.file-open{display:flex;gap:12px;align-items:center;text-align:left;min-width:0;max-width:100%;background:none;color:var(--text);padding:0}.file-open>span:last-child{min-width:0}.file-open strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.file-open small{display:block;color:var(--muted);font-size:12px;margin-top:7px}.pdf-icon{display:grid;place-items:center;background:#fff0f0;color:#d77070;font-size:12px;font-weight:700;border:1px solid #ffe1e1;width:34px;height:42px;border-radius:7px;flex-shrink:0}.remove,.close{background:none;color:var(--muted);font-size:24px;padding:0 5px}.file-status{font-size:12px;color:var(--muted);margin-top:14px;line-height:1.7}.dot{display:inline-block;width:6px;height:6px;background:#39a17c;border-radius:50%;margin-right:5px}.error,.range-error{color:#cf495c}.range-error{font-size:12px;margin:7px 0 0}.file-options{display:flex;justify-content:space-between;gap:14px;align-items:end;border-top:1px solid var(--line);margin-top:10px;padding-top:10px}.file-options label{font-size:12px;margin:0;flex:1}.file-options input{margin-top:5px;font-size:12px;padding:7px 10px}.file-options .text-btn{flex-shrink:0}progress{width:100%;height:5px;margin-top:10px;accent-color:var(--blue)}.panel{background:var(--panel);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.review{margin-top:26px;overflow:hidden}.review-heading{display:flex;align-items:center;justify-content:space-between;padding:23px;gap:10px}.review-heading p{color:var(--muted);font-size:12px;margin:8px 0 0;overflow-wrap:anywhere}.small-tag{font-size:12px;color:var(--muted);white-space:nowrap}.toolbar{padding:0 23px 14px;display:flex;justify-content:space-between;gap:8px}.filters{display:flex;background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:3px}.filters button{background:transparent;padding:7px 11px;color:var(--muted);font-size:12px;border-radius:6px;white-space:nowrap}.filters .active{background:var(--panel);color:var(--blue);box-shadow:0 1px 4px #183a6612}.bulk{display:flex;gap:10px;align-items:center;padding:12px 23px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:12px;color:var(--muted);flex-wrap:wrap}.bulk button,.preview-controls button{border:1px solid var(--line);border-radius:6px;background:var(--panel);color:var(--text);font-size:12px;padding:6px 8px}.page-grid{padding:20px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;max-height:850px;overflow:auto}.page-card{border:1px solid var(--line);border-radius:10px;padding:10px;min-width:0}.page-card.selected{border-color:var(--blue);background:var(--soft)}.page-top{display:flex;justify-content:space-between;align-items:center;gap:3px;margin-bottom:10px;font-size:12px}.page-top label{display:flex;align-items:center;margin:0;font-size:12px;gap:5px}.page-top input{width:auto;margin:0;accent-color:var(--blue)}.uncertain{color:#ba7e20;font-size:12px;background:#fff4dc;padding:3px;border-radius:4px}.thumb{display:flex;align-items:center;justify-content:center;background:#f0f2f6;width:100%;height:180px;border-radius:5px;padding:10px;overflow:hidden}.thumb img{max-width:100%;max-height:100%;object-fit:contain;box-shadow:0 2px 5px #0002}.page-bottom{display:flex;align-items:center;justify-content:space-between;gap:3px;margin-top:11px}.page-bottom>span{color:var(--muted);font-size:12px;white-space:nowrap}.badge{font-size:12px;padding:5px 6px;border-radius:5px;white-space:nowrap}.badge.color{color:var(--blue);background:var(--soft)}.badge.bw{color:#596474;background:#edf0f4}.page-detail{font-size:12px;color:var(--muted);margin-top:7px}.page-empty{grid-column:1/-1;text-align:center;color:var(--muted);padding:44px 12px 55px}.page-empty>span{display:block;font-size:41px;color:#bfc9dd;margin-bottom:13px}.page-empty strong{font-size:13px;font-weight:400}.page-empty p{font-size:12px;line-height:1.8}.pagination{display:flex;justify-content:center;gap:20px;align-items:center;padding:12px;font-size:12px}.pagination button{background:var(--soft);color:var(--blue);padding:8px;border-radius:6px}.accuracy-note{display:flex;gap:10px;color:var(--muted);font-size:12px;margin-top:20px}.accuracy-note>span{font-size:18px;color:#8e9ab3}.accuracy-note p{margin:0;line-height:1.9}.pricing{padding:23px}.aside-title{display:flex;gap:10px;align-items:center;margin-bottom:25px}.aside-title>span{color:var(--blue);font-size:20px}label{display:block;font-size:12px;margin:16px 0 8px;font-weight:500}.fixed-option{display:flex;justify-content:space-between;align-items:center;border:1px solid var(--line);padding:12px;border-radius:8px;margin-top:8px;font-size:13px}.fixed-option small{font-size:12px;color:var(--muted)}.price-inputs{display:grid;grid-template-columns:1fr 1fr;gap:14px}.input-unit{position:relative;margin-top:8px}.input-unit input{padding-right:40px}.input-unit span{position:absolute;right:12px;top:13px;font-size:12px;color:var(--muted)}input,select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:8px;padding:11px 12px;width:100%;outline-offset:2px}input[aria-invalid=true]{border-color:#cf495c}.stepper{display:flex;border:1px solid var(--line);border-radius:8px;margin-top:9px;align-items:center}.stepper input{border:0;text-align:center;-moz-appearance:textfield}.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.stepper button{background:none;color:var(--muted);font-size:19px;width:45px;flex-shrink:0;height:40px}.duplex{display:flex;gap:10px}.duplex button{width:50%;border:1px solid var(--line);background:var(--panel);color:var(--muted);border-radius:8px;padding:12px 5px;font-size:12px}.duplex .active{color:var(--blue);border-color:var(--blue);background:var(--soft)}.hint{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0}.range-label{border-top:1px solid var(--line);padding-top:16px;margin-top:20px;font-size:12px}.summary{margin-top:20px;padding:23px;border-radius:16px;background:#172c58;color:#fff;box-shadow:0 9px 25px #172c5819}.summary-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:23px}.summary-top>span{font-size:12px;padding:4px 7px;border-radius:5px;background:#ffffff15;color:#bdcbea}.summary-line{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin:15px 0;color:#bdcbea}.summary-line b{font-size:12px;color:#fff;font-weight:400}.summary-line small{font-size:12px}.breakdown{border-top:1px solid #ffffff1a;margin-top:18px;padding-top:5px}.breakdown>div{display:flex;justify-content:space-between;gap:10px;margin-top:13px;font-size:12px}.breakdown span{min-width:0;overflow-wrap:anywhere}.breakdown small{display:block;font-size:12px;color:#aebddf;line-height:1.9;margin-top:4px}.breakdown b{white-space:nowrap}.total{border-top:1px solid #ffffff1a;margin-top:20px;padding-top:20px}.total>span{font-size:12px;color:#c6d3ed}.total>div{font-size:12px;color:#b4c3e7;margin-top:8px}.total strong{font-size:39px;color:#fff;font-weight:600;letter-spacing:-1px;margin-right:5px}.paper-stats{display:flex;justify-content:space-between;background:#ffffff08;padding:12px;border-radius:8px;margin-top:17px;font-size:12px;color:#aebedf}.paper-stats b{color:#fff;margin-right:4px}.summary-status{font-size:12px;color:#c0ceeb;line-height:1.8;margin:15px 0}.export{width:100%;border-radius:8px;background:#fff;color:#244780;font-size:12px;font-weight:600;padding:12px}.local-note{text-align:center;color:var(--muted);font-size:12px;line-height:1.8;margin-top:16px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-top:55px;padding:22px 0 28px}dialog{border:1px solid var(--line);background:var(--panel);color:var(--text);border-radius:18px;padding:26px;max-width:500px;width:calc(100% - 30px);max-height:90vh;box-shadow:0 20px 100px #0003}dialog::backdrop{background:#09152980;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.dialog-heading{display:flex;justify-content:space-between;align-items:start;gap:20px}dialog .primary{width:100%;margin-top:16px}#previewDialog{max-width:950px}#previewImage{text-align:center;min-height:150px;margin-top:15px}#previewImage img{max-width:100%;background:#fff}.preview-controls{display:flex;gap:10px;margin-top:14px}#toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%) translateY(30px);background:#172c58;color:#fff;border-radius:10px;padding:14px 22px;max-width:90vw;font-size:12px;box-shadow:0 8px 30px #0002;opacity:0;pointer-events:none;transition:.2s;z-index:10}#toast.show{opacity:1;transform:translate(-50%) translateY(0)}.mobile-break{display:none}[data-theme=dark]{--bg: #101725;--panel: #192234;--text: #e0e7f4;--muted: #94a2bd;--line: #29374e;--soft: #22375d;--shadow: none;color-scheme:dark}[data-theme=dark] .count,[data-theme=dark] .steps b{background:#29374e;color:#bccbea}[data-theme=dark] .badge.bw{background:#303b4b;color:#c6d1e0}[data-theme=dark] .thumb{background:#111827}[data-theme=dark] .shield{background:#1e423a;color:#7cdbbc}@media(min-width:1100px){aside{position:sticky;top:20px}}@media(max-width:1050px){.layout{grid-template-columns:minmax(0,1fr) 300px;gap:20px}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-sub{display:none}.hero-note{padding:18px}.hero h1{font-size:35px}}@media(max-width:760px){header{height:72px;padding:0 20px}.brand{font-size:20px}.privacy{display:none}.header-actions{gap:10px}.soft-btn{font-size:12px;padding:9px}.hero{margin-bottom:22px}.hero-note{display:none}main{padding:28px 16px 0}.hero h1{font-size:32px}.hero p,.eyebrow{font-size:12px}.steps{gap:10px;font-size:12px;margin:22px 0}.steps i{width:15px}.steps span{gap:6px}.steps b{width:22px;height:22px}.layout{grid-template-columns:1fr}.dropzone{padding:25px 12px}.dropzone p{font-size:12px}.review-heading{padding:19px 16px}.toolbar{padding:0 12px 12px;flex-wrap:wrap}.small-tag{display:none}.bulk{padding:10px 14px;gap:7px}.page-grid{padding:12px;gap:10px}.thumb{height:180px}.page-top{font-size:12px}.page-bottom>span{font-size:12px}aside{display:grid;grid-template-columns:1fr 1fr;gap:15px}.summary{margin:0}.local-note{grid-column:1/-1;margin:0}.pricing,.summary{padding:19px}.summary strong{font-size:32px}.price-inputs{gap:8px}.paper-stats{flex-direction:column;gap:8px}.mobile-break{display:block}footer{margin-top:30px;gap:15px;line-height:1.8}}@media(max-width:520px){aside{display:block}.summary{margin-top:18px}.local-note{margin-top:16px}.paper-stats{flex-direction:row}.hero h1{font-size:30px}.page-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-card{padding:8px}.thumb{height:155px}.page-bottom{flex-wrap:wrap}.filters button{padding:7px 9px}.header-actions{gap:5px}footer{flex-direction:column;gap:5px}.file-open strong{max-width:230px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-thai-thai-400-normal-BEOmKAI1.woff2) format("woff2"),url(/assets/noto-sans-thai-thai-400-normal-Dxb_unuU.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-thai-latin-ext-400-normal-nBP59pVw.woff2) format("woff2"),url(/assets/noto-sans-thai-latin-ext-400-normal-B-1H0YkH.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/noto-sans-thai-latin-400-normal-BaWBrqFP.woff2) format("woff2"),url(/assets/noto-sans-thai-latin-400-normal-Dh_FJjOB.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-thai-thai-600-normal-Cs73sVjl.woff2) format("woff2"),url(/assets/noto-sans-thai-thai-600-normal-CmgB8_JK.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-thai-latin-ext-600-normal-maHHBsez.woff2) format("woff2"),url(/assets/noto-sans-thai-latin-ext-600-normal-PkMZo0xa.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/noto-sans-thai-latin-600-normal-CemcjnVR.woff2) format("woff2"),url(/assets/noto-sans-thai-latin-600-normal-Dbc-dNO6.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-thai-thai-700-normal-Cm52XUnT.woff2) format("woff2"),url(/assets/noto-sans-thai-thai-700-normal-C9ISMlQq.woff) format("woff");unicode-range:U+02D7,U+0303,U+0331,U+0E01-0E5B,U+200C-200D,U+25CC}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-thai-latin-ext-700-normal-uJk63onE.woff2) format("woff2"),url(/assets/noto-sans-thai-latin-ext-700-normal-xdwl2Xg6.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Noto Sans Thai;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/noto-sans-thai-latin-700-normal-_dn-40wb.woff2) format("woff2"),url(/assets/noto-sans-thai-latin-700-normal-C4AMFKt5.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}