@import"https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";.site{--bp-blue:#1672ed;--bp-radius:16px;color:#19304b;background:#fff;font:14px/1.65 Inter,Noto Sans Thai,sans-serif;border:1px solid #e4ebf3;border-radius:18px;overflow:hidden;color-scheme:light}.site *{box-sizing:border-box}.site button,.site input,.site select,.site textarea{font:inherit}.site button{cursor:pointer}.site button:focus-visible,.site input:focus-visible,.site select:focus-visible{outline:3px solid #8cbcff;outline-offset:3px}.site button{color:inherit}.site h1,.site h2,.site h3,.site p{margin:0}.site h1{font-size:38px;line-height:1.35;letter-spacing:-1px;font-weight:600}.site h2{font-size:23px;line-height:1.5;font-weight:600}.site h3{font-size:16px;font-weight:600}.site small{font-size:12px}.site .muted{color:#65768d}.site .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.site .between{justify-content:space-between}.site .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;background:#fff;border:1px solid #dbe4ef;border-radius:10px;text-decoration:none}.site .primary{background:var(--bp-blue);color:#fff;border-color:var(--bp-blue)}.site .quiet{background:transparent;border:0;padding:8px;color:#65768d}.site .button:hover{filter:brightness(.97)}.site .logo{font-size:23px;font-weight:700;letter-spacing:-1px;display:flex;align-items:center;gap:9px;background:none;border:0;padding:0}.site .logo b{color:var(--bp-blue)}.site .logo-mark{display:grid;place-items:center;background:var(--bp-blue);color:#fff;width:34px;height:38px;border-radius:9px;transform:rotate(-6deg)}.site .header{padding:21px 5%;border-bottom:1px solid #eaf0f6;display:flex;align-items:center;justify-content:space-between;gap:20px}.site .nav{display:flex;gap:20px;align-items:center}.site .nav button{background:none;border:0;padding:4px;font-size:13px}.site .free{font-size:11px;border:1px solid #dae9fc;border-radius:20px;padding:5px 10px;color:#2768b5;background:#f2f8ff}.site .preview{padding:9px 20px;background:#eff5fc;border-bottom:1px solid #dfe9f6;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;color:#526b88;font-size:11px}.site .preview select{max-width:100%;padding:5px 8px;border:1px solid #d5e2f1;border-radius:6px;background:#fff;font-size:12px;color:#23496e}.site .content{min-height:550px}.site .container{padding:32px 5% 45px}.site .hero{background:radial-gradient(ellipse at 76% 20%,#e7f2ff 0,transparent 65%),#f8fbff;padding:51px 6% 38px;text-align:center;border-bottom:1px solid #edf3fa}.site .eyebrow{color:var(--bp-blue);font-size:11px;letter-spacing:1.5px;font-weight:600;margin-bottom:13px}.site .hero h1 span{color:var(--bp-blue)}.site .hero p{color:#65768d;margin:14px auto 23px;max-width:520px}.site .search{display:flex;align-items:center;gap:12px;border:1px solid #dce7f4;border-radius:12px;background:#fff;padding:12px 17px;max-width:510px;margin:auto;box-shadow:0 8px 24px #2665ad07;text-align:left}.site .search input{width:100%;border:0;outline:none;background:transparent;color:#19304b;min-width:0}.site .trust{display:flex;justify-content:center;gap:25px;color:#526b88;font-size:12px;margin-top:22px;flex-wrap:wrap}.site .trust span{display:flex;align-items:center;gap:6px}.site .tabs{display:flex;gap:7px;flex-wrap:wrap;margin:23px 0}.site .tabs button{padding:8px 13px;border-radius:8px;border:1px solid transparent;background:#f4f7fb;font-size:12px;color:#5a6d83}.site .tabs button.active{background:#eaf3ff;border-color:#cfe2ff;color:#1264d3}.site .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.site .tool{border:1px solid #e3eaf3;border-radius:var(--bp-radius);padding:20px;text-align:left;background:#fff;position:relative;transition:border-color .15s,transform .15s;min-width:0}.site .tool:hover{border-color:#87b8f8;transform:translateY(-2px)}.site .icon{width:41px;height:41px;display:grid;place-items:center;color:var(--bp-blue);background:#eff6ff;border-radius:11px;margin-bottom:15px}.site .tool h3{margin-bottom:5px}.site .tool p{font-size:12px;color:#728095;min-height:39px}.site .arrow{position:absolute;right:18px;top:22px;color:#a9b8ca}.site .ad{border:1px dashed #dce4ee;border-radius:9px;background:#fafbfd;text-align:center;color:#929dad;padding:18px;margin:27px 0;font-size:10px;letter-spacing:1.6px}.site .ad small{display:block;letter-spacing:0;margin-top:4px;font-size:10px}.site .banner{display:flex;gap:20px;align-items:center;justify-content:space-between;padding:27px;background:#f1f7ff;border-radius:16px;margin-top:28px}.site .banner p{color:#607b9b;font-size:13px;margin-top:5px}.site .footer{padding:30px 5% 22px;border-top:1px solid #e7edf5;background:#fbfcfe}.site .footer-links{display:flex;gap:18px;flex-wrap:wrap;margin:18px 0}.site .footer-links button{border:0;background:none;padding:0;color:#65768d;font-size:12px}.site .footer-bottom{border-top:1px solid #e5ebf3;padding-top:15px;font-size:11px;color:#8b97a7}.site .crumb{display:flex;gap:8px;align-items:center;font-size:12px;color:#8a98a9;margin-bottom:24px}.site .crumb button{border:0;background:none;padding:0;color:#6d8198}.site .title{text-align:center;max-width:640px;margin:0 auto 28px}.site .title h1{font-size:30px;letter-spacing:-.5px;margin-bottom:9px}.site .title .icon{margin:0 auto 13px;width:49px;height:49px}.site .title p{color:#708097;font-size:13px}.site .upload{padding:40px 20px;border:1.5px dashed #a8ccfb;border-radius:var(--bp-radius);background:#f8fbff;text-align:center;max-width:720px;margin:auto}.site .upload .icon{margin:0 auto 17px;width:60px;height:60px;border-radius:18px}.site .upload p{margin:12px 0;color:#7d8da1;font-size:12px}.site .notice{padding:12px 15px;background:#f2f7fd;border-radius:9px;font-size:12px;color:#57718e;margin-top:18px}.site .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:36px 0}.site .step-number{font-size:11px;color:var(--bp-blue);background:#edf5ff;border-radius:50%;width:25px;height:25px;display:grid;place-items:center;margin-bottom:11px}.site .steps p{font-size:12px;color:#7b889a;margin-top:7px}.site .workspace{display:grid;grid-template-columns:minmax(0,1fr) 270px;border:1px solid #e1e9f2;border-radius:var(--bp-radius);overflow:hidden}.site .canvas{background:#f2f5fa;padding:20px;min-height:340px}.site .doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:25px}.site .doc{background:#fff;border:1px solid #dfe7ef;box-shadow:0 4px 9px #1b35520a;padding:16px 13px;min-height:150px;position:relative;border-radius:3px}.site .doc.selected{outline:2px solid #78aff7}.site .doc-head{height:6px;background:#86b1e8;width:52%;margin:8px 0 14px}.site .doc-line{height:3px;background:#e6ecf3;margin:6px 0}.site .doc-table{height:40px;background:repeating-linear-gradient(#edf3fb 0 9px,#fff 9px 11px);margin-top:13px}.site .doc small{display:block;color:#95a1b1;margin-top:17px;font-size:9px}.site .doc-label{text-align:center;margin-top:10px;color:#6b7e95;font-size:11px}.site .settings{padding:24px;background:#fff;border-left:1px solid #e1e9f2}.site .settings h3{margin-bottom:20px}.site .field{display:block;margin-bottom:15px;font-size:12px;color:#536c85}.site .field input:not([type=checkbox]),.site .field select,.site .field textarea{display:block;margin-top:7px;border:1px solid #dbe5f0;border-radius:8px;width:100%;padding:10px;background:#fff;color:#263f5a;min-width:0}.site .choice{display:block;border:1px solid #e2eaf4;border-radius:9px;padding:11px;margin-bottom:9px;font-size:12px}.site .choice:has(input:checked){border-color:#83b6f9;background:#f4f9ff}.site input[type=radio],.site input[type=checkbox]{accent-color:var(--bp-blue)}.site .settings .primary{width:100%;margin-top:20px}.site .success{text-align:center;padding:45px 20px;background:#f7fbff;border:1px solid #e0ecfb;border-radius:18px;max-width:700px;margin:auto}.site .success-icon{margin:0 auto 20px;background:#e2f5ed;color:#29956d;border-radius:50%;width:66px;height:66px;display:grid;place-items:center}.site .success p{color:#70839b;margin:12px 0 25px}.site .file-result{display:flex;gap:13px;align-items:center;background:#fff;border:1px solid #e0e9f4;padding:17px;border-radius:10px;max-width:340px;margin:20px auto;text-align:left}.site .progress{height:7px;background:#e1ecfa;border-radius:20px;overflow:hidden;max-width:350px;margin:25px auto}.site .progress span{display:block;background:var(--bp-blue);height:100%;width:64%}.site .article{max-width:720px;margin:auto}.site .article h2{margin:26px 0 12px;font-size:19px}.site .article p{color:#667b92;margin-bottom:15px}.site details{border-bottom:1px solid #e5edf5;padding:17px 0}.site summary{cursor:pointer;font-weight:500}.site details p{margin-top:12px;font-size:13px}.site .workflow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:26px 0}.site .flow-step{padding:22px;border:1px solid #dce8f6;background:#fff;border-radius:14px}.site .empty{text-align:center;padding:45px;color:#72859d}.site .toast{background:#e9f4ff;color:#2965a1;padding:10px 20px;text-align:center;font-size:12px}.site .contact{padding:25px;border:1px solid #e1e9f2;border-radius:16px}.site.mobile{max-width:390px;margin:auto}.site.mobile .nav{display:none}.site.mobile .grid,.site.mobile .workspace,.site.mobile .workflow{grid-template-columns:1fr}.site.mobile .settings{border-left:0;border-top:1px solid #e1e9f2}.site.mobile h1{font-size:29px}.site.mobile .steps{grid-template-columns:1fr}.site.mobile .banner{align-items:flex-start;flex-direction:column}.site.mobile .preview select{width:100%}@media(max-width:650px){.site .nav{display:none}.site h1{font-size:29px}.site .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site .workspace{grid-template-columns:1fr}.site .settings{border-left:0;border-top:1px solid #e1e9f2}.site .steps,.site .workflow{grid-template-columns:1fr}.site .banner{align-items:flex-start;flex-direction:column}.site .trust{gap:12px}.site .hero{padding:35px 6%}.site .tool{padding:16px}.site .title h1{font-size:26px}}@media(max-width:380px){.site .grid{grid-template-columns:1fr}.site .doc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.site .language{display:flex;align-items:center;gap:6px;flex-shrink:0;color:#4f6884}.site .language select{font:inherit;font-size:12px;background:#fff;color:#264466;border:1px solid #dae5f3;border-radius:9px;padding:8px 6px;max-width:120px}.site .header{flex-wrap:wrap;gap:14px}.site .nav{gap:13px}.site .header .free{font-size:10px}.site h3,.site .button{overflow-wrap:anywhere}.site .tool p{min-height:48px}.site .preview>span{max-width:100%}.site .preview select{min-width:0}.site.mobile .header .free{display:none}@media(max-width:650px){.site .header .free{display:none}}:root{font-family:Inter,Noto Sans Thai,system-ui,sans-serif;color:#19304b;background:#f5f8fc;font-synthesis:none;text-rendering:optimizeLegibility}body{margin:0}*{box-sizing:border-box}.site{max-width:1200px;margin:0 auto;min-height:100vh!important;border-radius:0!important;border:0!important;--blue:#1672ed}.site a{color:inherit;text-decoration:none}.site a:focus-visible{outline:3px solid #8cbcff;outline-offset:4px}.site .tool{display:block}.site .icon{flex-shrink:0}.site .header{background:#fff}.site .nav a{font-size:13px}.site .mobile-menu{display:none}.site .primary{color:#fff}.site .language{display:flex;align-items:center;gap:8px}.site .language select{font:inherit;font-size:12px;padding:8px;border:1px solid #dbe5ef;border-radius:9px;color:#264466;background:#fff}.site .file-picker{position:relative;cursor:pointer}.site .file-picker input{position:absolute;inset:0;opacity:0;width:100%;cursor:pointer}.site .upload{max-width:800px}.site .workspace{grid-template-columns:minmax(0,1fr) 310px}.site .file-row{display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;border:1px solid #dee7f2;border-radius:9px;padding:12px;margin-bottom:10px}.site .file-row strong{font-size:12px;overflow-wrap:anywhere}.site .file-row small{display:block;color:#7d8da1}.site .file-row button{border:0;background:#f3f7fc;padding:5px;border-radius:5px}.site .file-row .row{gap:4px;flex-wrap:nowrap}.site .pdf-preview{margin:22px auto;max-width:100%;text-align:center}.site .pdf-preview canvas{max-width:100%;height:auto;box-shadow:0 5px 18px #23456b12;background:#fff}.site fieldset{border:0;padding:0;margin:0;min-width:0}.site button:disabled,.site fieldset:disabled{opacity:.55;cursor:not-allowed}.site .settings{min-width:0}.site .settings h4{font-size:12px;font-weight:500;margin:20px 0 10px}.site .settings input,.site .settings textarea{font-size:14px}.site .field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.site .preview-page{max-width:150px;margin:auto}.site .error{border:1px solid #edc7c3;background:#fff4f2;color:#953e35;border-radius:10px;padding:16px;margin-top:20px;font-size:13px;overflow-wrap:anywhere}.site .success>input{width:100%;padding:12px;border:1px solid #dce5ef;border-radius:8px;margin:20px 0}.site .signature-pad{margin:14px 0}.site .signature-pad p{font-size:12px;color:#65768d}.site .signature-pad canvas{width:100%;height:100px;background:#fafcff;border:1px solid #cbdcef;border-radius:9px;touch-action:none;cursor:crosshair}.site .center{justify-content:center}.site .steps-line{margin:-10px 0 26px}.site .content{min-height:65vh}.site .footer-links a{font-size:12px;color:#65768d}.site .contact input,.site .contact textarea,.site .flow-step select{display:block;width:100%;border:1px solid #dbe5ef;border-radius:8px;padding:10px;margin-top:7px;background:#fff;color:#19304b}.site .article section{margin-bottom:25px}.site .choice{display:flex;align-items:flex-start;gap:8px}.site .choice input{width:auto;margin:3px 0}.site .spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.site .spin{animation:none}.site .tool{transition:none}}@media(max-width:700px){.site .workspace{grid-template-columns:1fr}.site .settings{border-left:0;border-top:1px solid #e1e9f2}.site .header{padding:18px 5%}.site .header .free{display:none}.site .mobile-menu{display:flex}.site .nav{display:none}.site .nav-open{display:flex;order:3;flex-basis:100%;justify-content:space-between}.site .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.site .hero h1{font-size:32px}.site input,.site textarea,.site select{font-size:16px!important}.site .language select{max-width:115px}.site .hero{padding:40px 6%}.site .tool p{min-height:54px}.site .footer-bottom{gap:10px}.site .workflow{grid-template-columns:1fr}}@media(max-width:400px){.site .grid{grid-template-columns:1fr}.site .row,.site .header{gap:8px}.site .logo{font-size:21px}.site .hero h1{font-size:30px}}.site .analytics-consent{position:fixed;bottom:16px;left:50%;transform:translate(-50%);z-index:1000;width:min(720px,calc(100% - 32px));background:#fff;border:1px solid #ccdcef;border-radius:14px;padding:18px;box-shadow:0 8px 35px #18385825}.site .analytics-consent p{font-size:13px;margin:0 0 12px;color:#526b88}.site .analytics-consent a{text-decoration:underline}.site .analytics-consent .row{justify-content:flex-end;flex-wrap:wrap}