:root{font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif;color:#17223b;background:#f3f6fb;line-height:1.55}.online-order-page{margin:0;min-height:100vh}.order-header{background:#fff;border-bottom:1px solid #dce4ef;padding:14px 20px}.order-brand{display:flex;align-items:center;gap:12px;max-width:920px;margin:auto;color:#17223b;text-decoration:none;font-weight:800}.order-brand img{width:46px;height:46px;object-fit:contain}.order-brand small{font-weight:500;color:#65748b}.order-shell{max-width:920px;margin:auto;padding:28px 18px 60px}.order-intro{margin-bottom:22px}.order-intro h1{font-size:clamp(1.7rem,5vw,2.5rem);margin:8px 0}.order-intro p{color:#65748b;max-width:680px}.order-step{display:inline-block;color:#1456a0;font-weight:750;font-size:.9rem}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.service-card,.order-card{background:#fff;border:1px solid #dce4ef;border-radius:16px;box-shadow:0 8px 28px rgba(34,64,110,.07)}.service-card{padding:24px;color:#17223b;text-decoration:none;display:grid;gap:8px;min-height:120px}.service-card:hover{border-color:#2878d0;transform:translateY(-2px)}.service-card strong{font-size:1.2rem;color:#1456a0}.service-card span,.muted{color:#65748b}.order-card{padding:22px;margin:16px 0}.order-form h2,.order-card h2{font-size:1.15rem;margin:18px 0 10px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:grid;gap:6px;font-weight:700;margin:12px 0}input,select,textarea{font:inherit;border:1px solid #b9c7d8;border-radius:10px;padding:12px;background:#fff;color:#17223b}textarea{min-height:82px;resize:vertical}.check{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;font-weight:600}.check input{margin-top:5px}.order-button{display:inline-flex;justify-content:center;border:0;border-radius:11px;background:#1456a0;color:#fff;padding:13px 20px;min-height:46px;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.order-button.secondary{background:#e7f0fb;color:#1456a0}.order-button:disabled{cursor:wait;opacity:.68}.order-alert{background:#fff2f2;color:#9d2525;border:1px solid #efb7b7;border-radius:12px;padding:13px 16px;margin:12px 0}.privacy-note{background:#eaf4ff;border-left:4px solid #2878d0;padding:15px 17px;border-radius:10px;margin:20px 0}.file-list{list-style:none;padding:0}.file-list li{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e2e8f0;padding:10px 0;gap:12px}.file-list form{margin:0}.text-button{border:0;background:none;color:#a02727;text-decoration:underline;cursor:pointer;min-height:44px}.upload-form{display:flex;gap:12px;align-items:end;flex-wrap:wrap}.upload-picker{flex:1 1 320px;margin:0}.upload-feedback{flex-basis:100%;border:1px solid #cbd8e8;border-radius:11px;padding:12px;background:#f8fbff}.upload-feedback-row{display:flex;justify-content:space-between;gap:12px;overflow-wrap:anywhere}.upload-feedback progress{display:block;width:100%;margin-top:8px;accent-color:#1456a0}.upload-feedback[data-state="success"]{border-color:#69b985;background:#edf9f1}.upload-feedback[data-state="failed"]{border-color:#dc8d8d;background:#fff2f2}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.review-grid div{display:grid;gap:4px}.review-grid span,.estimate-card span{color:#65748b}.estimate-card{background:#1456a0;color:#fff;border-radius:16px;padding:22px;margin:16px 0}.estimate-card span,.estimate-card p{color:#dbeafe}.estimate-card strong{display:block;font-size:2rem}.sign-price-details p{margin:7px 0}.order-centered{text-align:center;max-width:620px;margin:50px auto}.reference-box{background:#eef5ff;border:2px dashed #2878d0;border-radius:12px;padding:16px;margin:20px auto;display:grid;max-width:360px;overflow-wrap:anywhere}.reference-box strong{font-size:1.35rem;letter-spacing:.06em}.success-mark{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#dcfce7;color:#16803a;font-size:2rem;margin:0 auto 14px}.order-footer{text-align:center;color:#65748b;padding:24px}.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #f59e0b;outline-offset:2px}@media(max-width:700px){.service-grid,.field-grid,.review-grid{grid-template-columns:1fr}.order-shell{padding:20px 12px 48px}.order-header{padding:12px}.service-card{min-height:auto}.order-card{padding:17px}.order-button{width:100%}.upload-form input{width:100%;box-sizing:border-box}.upload-feedback-row{align-items:flex-start;flex-direction:column;gap:2px}.file-list li{align-items:flex-start}.reference-box strong{font-size:1.05rem;letter-spacing:.03em}}

/* customer convenience v7 */
.field-help{display:block;color:#65748b;font-size:.78rem;font-weight:500;line-height:1.4;margin-top:2px}.contact-optional{margin:12px 0 18px;border:1px solid #dce4ef;border-radius:12px;background:#f8fbff;overflow:hidden}.contact-optional summary{cursor:pointer;padding:13px 14px;font-weight:800;color:#1456a0;list-style-position:inside}.contact-optional summary span{font-size:.75rem;font-weight:600;color:#65748b;margin-left:5px}.contact-optional[open] summary{border-bottom:1px solid #dce4ef}.contact-optional>div,.contact-optional>label{margin-left:14px;margin-right:14px}.contact-primary-grid input{font-size:1rem}.upload-fallback-button{min-width:150px}@media(max-width:700px){.contact-optional{margin-top:10px}.contact-optional summary{padding:14px 12px}.contact-optional>div,.contact-optional>label{margin-left:12px;margin-right:12px}.upload-fallback-button{display:none}}
.order-review-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.order-edit-button{width:auto!important;white-space:nowrap}.review-summary-card{display:grid;gap:16px}.review-summary-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid #e2e8f0}.review-summary-head>div{display:grid;gap:4px}.review-summary-head span,.review-contact-details summary{color:#65748b}.review-summary-head strong{font-size:1.25rem;color:#1456a0}.review-ready-badge{background:#dcfce7;color:#166534!important;border-radius:999px;padding:5px 10px;font-size:.82rem;font-weight:800;white-space:nowrap}.review-grid-key{gap:12px}.review-grid-key>div{padding:12px;border-radius:12px;background:#f8fbff;border:1px solid #e3ebf5}.review-contact-details{border-top:1px solid #e2e8f0;padding-top:12px}.review-contact-details summary{cursor:pointer;font-weight:750}.review-contact-details[open] summary{margin-bottom:12px}.review-estimate{position:relative;overflow:hidden}.review-estimate:after{content:"";position:absolute;right:-28px;top:-28px;width:110px;height:110px;border-radius:50%;background:rgba(255,255,255,.08)}.review-submit-button{width:100%;font-size:1.05rem}.review-edit-link{display:block;text-align:center;margin-top:14px;color:#1456a0;font-weight:750;text-decoration:none}@media(max-width:700px){.order-review-intro{align-items:stretch;flex-direction:column}.order-edit-button{width:100%!important}.review-summary-head{align-items:flex-start}.review-grid-key{grid-template-columns:1fr 1fr}.review-submit-button{position:sticky;bottom:10px;z-index:5;box-shadow:0 8px 24px rgba(20,86,160,.28)}}@media(max-width:430px){.review-grid-key{grid-template-columns:1fr}}
/* success experience v9 */
.success-card-v2{max-width:700px}.success-lead{max-width:560px;margin:10px auto 0;color:#52637a}.success-reference{max-width:430px;gap:7px}.copy-reference-button{justify-self:center;border:0;border-radius:999px;padding:9px 14px;background:#1456a0;color:#fff;font:inherit;font-weight:800;cursor:pointer}.copy-reference-button.copied{background:#16803a}.success-reference small{color:#65748b;font-size:.78rem;letter-spacing:0}.success-next{text-align:left;margin:24px 0 18px;padding-top:18px;border-top:1px solid #e2e8f0}.success-next h2{text-align:center;margin:0 0 14px}.success-next-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.success-next-grid>div{display:grid;gap:5px;padding:14px;border:1px solid #e1e9f3;border-radius:13px;background:#f8fbff}.success-next-grid>div>span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#e7f0fb;color:#1456a0;font-weight:900}.success-next-grid small{color:#65748b}.success-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:18px}.success-actions .order-button{align-items:center}.success-line{background:#16803a}.success-new-order{display:inline-block;margin-top:18px;color:#1456a0;font-weight:800;text-decoration:none}@media(max-width:700px){.success-card-v2{margin-top:20px}.success-next-grid,.success-actions{grid-template-columns:1fr}.success-actions .order-button{width:100%;box-sizing:border-box}.copy-reference-button{width:100%}.success-reference{max-width:none}.success-next{text-align:left}}

/* public tracking v9 */
.track-intro{max-width:680px}.track-search-card{max-width:680px}.track-form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}.track-form label{margin:0}.track-form input{text-transform:uppercase;letter-spacing:.04em}.track-result-card{max-width:680px}.track-result-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid #e2e8f0}.track-result-head>div{display:grid;gap:3px}.track-result-head span{color:#65748b;font-size:.82rem}.track-result-head strong{font-size:1.15rem;overflow-wrap:anywhere}.track-status{display:inline-flex;padding:6px 10px;border-radius:999px;font-size:.82rem!important;font-weight:850;white-space:nowrap}.track-status.waiting{background:#fef3c7;color:#92400e}.track-status.active{background:#dbeafe;color:#1e40af}.track-status.attention{background:#ffedd5;color:#9a3412}.track-status.success{background:#dcfce7;color:#166534}.track-status.danger{background:#fee2e2;color:#991b1b}.track-status.neutral{background:#e2e8f0;color:#334155}.track-message{padding:16px;margin:16px 0;border-radius:12px;background:#f8fbff;border:1px solid #dce4ef}.track-message p{margin:5px 0 0;color:#65748b}.track-meta{margin:0}.track-meta div{display:flex;justify-content:space-between;gap:20px;padding:10px 0;border-bottom:1px solid #eef2f7}.track-meta dt{color:#65748b}.track-meta dd{margin:0;text-align:right;font-weight:700}.track-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}.track-error{max-width:680px}.success-track{background:#16803a}@media(max-width:700px){.track-form{grid-template-columns:1fr}.track-result-head{flex-direction:column}.track-actions{grid-template-columns:1fr}.track-meta div{align-items:flex-start;flex-direction:column;gap:2px}.track-meta dd{text-align:left}.track-status{white-space:normal}}

/* shipping checkout v9 */
.shipping-details[hidden]{display:none!important}.shipping-details{margin:8px 0 18px;padding:14px;border:1px solid #dce4ef;border-radius:14px;background:#f8fbff}.shipping-fee-note{margin:0 0 14px}.review-price-lines{display:grid;gap:8px;margin:14px 0}.review-price-lines>div,.review-price-total{display:flex;justify-content:space-between;align-items:center;gap:16px}.review-price-lines span{color:#dbeafe}.review-price-total{padding-top:12px;border-top:1px solid rgba(255,255,255,.22)}.review-price-total strong{font-size:2rem}.review-price-total span{color:#fff;font-weight:800}@media(max-width:700px){.shipping-details{padding:12px}.review-price-lines>div,.review-price-total{align-items:flex-start}}

/* mobile stabilization v10 */
@media(max-width:700px){
  .order-shell{padding-left:14px;padding-right:14px;padding-bottom:calc(56px + env(safe-area-inset-bottom))}
  .order-card{border-radius:14px}
  input,select,textarea{font-size:16px;min-height:46px;width:100%;box-sizing:border-box}
  textarea{min-height:96px}
  .order-button{min-height:48px}
  .upload-picker input[type="file"]{min-height:50px}
  .review-submit-button{bottom:calc(10px + env(safe-area-inset-bottom))}
  .track-search-card,.track-result-card,.track-error{max-width:none}
  .track-form .order-button{min-height:50px}
  .track-result-head strong{font-size:1rem;word-break:break-word}
  .success-next-grid>div{padding:13px}
}
.document-layout-card{display:grid;gap:18px}.document-layout-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.document-layout-summary a{color:#1767ad;font-weight:800}.document-layout-preview{width:100%;height:min(72vh,900px);min-height:560px;border:1px solid #cbd8e6;border-radius:14px;background:#eef3f8}.document-layout-confirm{display:grid;gap:16px}.document-layout-actions{display:flex;justify-content:flex-end;gap:12px;flex-wrap:wrap}.document-layout-actions .order-button{width:auto;text-align:center}@media(max-width:640px){.document-layout-preview{height:62vh;min-height:420px}.document-layout-actions{display:grid}.document-layout-actions .order-button{width:100%}}

/* document corner correction v11 */
.file-actions{display:flex;align-items:center;gap:8px}.document-corner-open{color:#1456a0}.document-corner-editor{position:fixed;inset:0;z-index:1000;background:rgba(9,19,35,.78);padding:16px;overflow:auto}.document-corner-editor[hidden]{display:none}.corner-editor-open{overflow:hidden}.document-corner-panel{max-width:900px;margin:auto;background:#fff;border-radius:16px;padding:18px;box-shadow:0 24px 70px rgba(0,0,0,.35)}.document-corner-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.document-corner-head h2,.document-corner-head p{margin:0}.document-corner-head p{color:#65748b}.document-corner-panel canvas{display:block;max-width:100%;margin:16px auto;border-radius:12px;background:#17223b;touch-action:none}.document-corner-tools{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.document-corner-tools .order-button{width:auto}.document-corner-panel>[data-corner-status]{font-size:.88rem;margin:12px 0 0}@media(max-width:700px){.file-list li{display:grid}.file-actions{justify-content:space-between}.document-corner-editor{padding:0}.document-corner-panel{min-height:100vh;border-radius:0;padding:14px;box-sizing:border-box}.document-corner-head{position:sticky;top:0;background:#fff;z-index:2;padding-bottom:8px}.document-corner-tools{display:grid;grid-template-columns:1fr 1fr}.document-corner-tools [data-corner-save]{grid-column:1/-1}.document-corner-tools .order-button{width:100%}}

/* image quality preflight v12 */
.file-summary{display:grid;gap:5px;min-width:0}.image-quality-badge{display:inline-flex;width:max-content;max-width:100%;align-items:center;border-radius:999px;padding:4px 9px;font-size:.75rem;font-weight:850;background:#e2e8f0;color:#334155}.image-quality-badge.pass{background:#dcfce7;color:#166534}.image-quality-badge.warning{background:#fef3c7;color:#92400e}.image-quality-badge.retake{background:#fee2e2;color:#991b1b}.image-quality-detail{color:#795c16;line-height:1.5}.image-quality-panel{margin:16px 0;padding:14px 16px;border-radius:12px;border:1px solid}.image-quality-panel strong{display:block}.image-quality-panel ul{margin:8px 0 0;padding-left:22px;font-weight:600}.image-quality-panel.warning{background:#fffbeb;border-color:#f2cc72;color:#7c5700}.image-quality-panel.retake{background:#fff1f2;border-color:#f1a4ad;color:#971f2d}.quality-acknowledgement{margin:12px 0 0;color:#614400}.image-quality-panel .quality-acknowledgement input{flex:0 0 auto}@media(max-width:700px){.image-quality-badge{width:auto}.image-quality-panel{padding:13px}.image-quality-panel ul{padding-left:19px}}

/* order landing redesign v13 */
.order-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);box-shadow:0 1px 0 rgba(23,34,59,.06)}
.order-header-inner{max-width:1080px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:18px}.order-brand{margin:0}.order-home-link{display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid #cddff3;border-radius:999px;color:#1456a0;text-decoration:none;font-weight:800;background:#f8fbff}
.order-shell{max-width:1080px;padding-top:34px}.order-hero-v2{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(320px,.7fr);gap:28px;align-items:center;padding:30px;border:1px solid #dce8f6;border-radius:26px;background:linear-gradient(135deg,#f9fcff 0%,#eef6ff 58%,#f8f4ff 100%);box-shadow:0 20px 60px rgba(45,84,135,.09)}
.order-hero-copy h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.12;margin:10px 0 14px;color:#10233f}.order-hero-copy h1 span{color:#1167b1}.order-hero-copy p{max-width:670px;margin:0;color:#5b6d85;font-size:1.02rem}.order-process-card{display:grid;gap:9px;padding:16px;border:1px solid rgba(20,86,160,.12);border-radius:18px;background:rgba(255,255,255,.82)}
.order-process-card>div{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;color:#718096;font-weight:750}.order-process-card b{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#edf2f7;color:#64748b}.order-process-card .active{background:#e8f3ff;color:#1456a0}.order-process-card .active b{background:#1456a0;color:#fff}
.service-section-v2{margin-top:28px}.service-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:15px}.service-heading>div>span{display:block;color:#1167b1;font-size:.82rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.service-heading h2{margin:4px 0 0;font-size:1.55rem;color:#17223b}.service-heading small{color:#718096}.service-grid-v2{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.service-card-v2{position:relative;grid-template-columns:auto 1fr auto;align-items:center;gap:15px;min-height:112px;padding:20px;border-radius:20px;overflow:hidden;transition:.2s ease}.service-card-v2:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#3b82f6}.service-card-v2.teal:before{background:#14b8a6}.service-card-v2.violet:before{background:#8b5cf6}.service-card-v2.orange:before{background:#f59e0b}.service-card-v2:hover{transform:translateY(-3px);box-shadow:0 16px 35px rgba(34,64,110,.12)}
.service-card-v2 .service-icon{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:#eef6ff;font-size:1.6rem}.service-card-v2.teal .service-icon{background:#ecfdf5}.service-card-v2.violet .service-icon{background:#f5f3ff}.service-card-v2.orange .service-icon{background:#fff7ed}.service-card-v2 strong{display:block;margin-bottom:4px;font-size:1.08rem}.service-card-v2 div>span{font-size:.92rem}.service-card-v2 i{font-style:normal;font-size:1.45rem;color:#9bb2c9}
.order-trust-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.order-trust-row>div{display:flex;gap:11px;align-items:flex-start;padding:14px 16px;border:1px solid #e1e9f3;border-radius:15px;background:#fff}.order-trust-row>div>span{display:grid;place-items:center;min-width:34px;height:34px;border-radius:50%;background:#edf6ff}.order-trust-row p{display:grid;gap:2px;margin:0}.order-trust-row strong{font-size:.9rem}.order-trust-row small{color:#718096;line-height:1.4}
@media(max-width:760px){.order-header-inner{gap:10px}.order-home-link{font-size:.8rem;padding:0 10px}.order-hero-v2{grid-template-columns:1fr;padding:20px;border-radius:20px}.order-process-card{grid-template-columns:repeat(4,1fr);gap:5px}.order-process-card>div{display:grid;justify-items:center;text-align:center;padding:7px 3px;font-size:.68rem}.service-heading{align-items:flex-start;flex-direction:column;gap:4px}.service-grid-v2,.order-trust-row{grid-template-columns:1fr}.service-card-v2{min-height:auto}.order-trust-row{gap:8px}}
@media(max-width:480px){.order-brand img{width:40px;height:40px}.order-brand span{font-size:.9rem}.order-brand small{font-size:.7rem}.order-home-link{font-size:0;width:38px;padding:0;justify-content:center}.order-home-link:after{content:"⌂";font-size:1.1rem}.order-shell{padding-top:18px}.order-hero-copy h1{font-size:2rem}.service-card-v2{padding:16px;grid-template-columns:auto 1fr}.service-card-v2 i{display:none}.service-card-v2 .service-icon{width:46px;height:46px;border-radius:14px}}