@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:400;src:url(./sarabun-thai-400-normal.Ctiu2VP3.woff2) format("woff2"),url(./sarabun-thai-400-normal.Ceh6OReX.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:400;src:url(./sarabun-vietnamese-400-normal.PseBeXcR.woff2) format("woff2"),url(./sarabun-vietnamese-400-normal.CBKf12LN.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:400;src:url(./sarabun-latin-ext-400-normal.lSdDS2Zr.woff2) format("woff2"),url(./sarabun-latin-ext-400-normal.BYOctmIy.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-display:swap;font-family:Sarabun;font-style:normal;font-weight:400;src:url(./sarabun-latin-400-normal.BanHfguD.woff2) format("woff2"),url(./sarabun-latin-400-normal.C_HUHYd2.woff) format("woff");unicode-range:u+00??,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-display:swap;font-family:Sarabun;font-style:normal;font-weight:500;src:url(./sarabun-thai-500-normal.DDcAzY8f.woff2) format("woff2"),url(./sarabun-thai-500-normal.UO-HYlpC.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:500;src:url(./sarabun-vietnamese-500-normal.BS5IfTrR.woff2) format("woff2"),url(./sarabun-vietnamese-500-normal.2uJpZDHi.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:500;src:url(./sarabun-latin-ext-500-normal.D2DB7xgf.woff2) format("woff2"),url(./sarabun-latin-ext-500-normal.BG4jU7sv.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-display:swap;font-family:Sarabun;font-style:normal;font-weight:500;src:url(./sarabun-latin-500-normal.Ht7alJYy.woff2) format("woff2"),url(./sarabun-latin-500-normal.B71aZJ3X.woff) format("woff");unicode-range:u+00??,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-display:swap;font-family:Sarabun;font-style:normal;font-weight:700;src:url(./sarabun-thai-700-normal.BPVflowQ.woff2) format("woff2"),url(./sarabun-thai-700-normal.us_dJcTx.woff) format("woff");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:700;src:url(./sarabun-vietnamese-700-normal.BDOunKjs.woff2) format("woff2"),url(./sarabun-vietnamese-700-normal.BZ5sU9Bv.woff) format("woff");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-display:swap;font-family:Sarabun;font-style:normal;font-weight:700;src:url(./sarabun-latin-ext-700-normal.CznwLiIm.woff2) format("woff2"),url(./sarabun-latin-ext-700-normal.2_dzJiIW.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-display:swap;font-family:Sarabun;font-style:normal;font-weight:700;src:url(./sarabun-latin-700-normal.BWahiqmM.woff2) format("woff2"),url(./sarabun-latin-700-normal.CCjk8JrN.woff) format("woff");unicode-range:u+00??,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}*{box-sizing:border-box}:root{--accent:#e6000e;--accent:oklch(.58 .24 27.85);--ink:#374151;--gray:#6b7280;--muted:#9ca3af;--faint-line:#f3f4f6;--card-background:#f9fafb}body{background:#f2f2f3;color:#1a1a1a;font-family:Sarabun,Helvetica Neue,Arial,sans-serif;margin:0}.layout{align-items:flex-start;display:flex;gap:24px;margin:0 auto;max-width:1500px;padding:24px}.panel{background:#fff;border-radius:12px;box-shadow:0 1px 4px #0000001f;flex:0 0 420px;max-height:calc(100vh - 48px);overflow-y:auto;padding:20px;position:sticky;top:24px}.panel h1{font-size:18px;margin:0 0 14px}.panel h2{color:#555;font-size:14px;letter-spacing:.4px;margin:18px 0 8px;text-transform:uppercase}.field{margin-bottom:10px}.field label{color:#666;display:block;font-size:12px;margin-bottom:3px}.field input,.field textarea{border:1px solid #ccc;border-radius:6px;font:inherit;font-size:16px;padding:7px 9px;width:100%}.field input:focus,.field textarea:focus{border-color:var(--accent);outline:2px solid rgba(230,0,14,.25)}.form-row{display:flex;gap:10px}.form-row>.field{flex:1}.item-card{background:#fafafa;border:1px solid #e2e2e2;border-radius:8px;margin-bottom:10px;padding:10px}.item-card .item-head{align-items:center;color:#444;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin-bottom:6px}.item-amount{color:#555;font-size:13px;text-align:right}.discount-field{margin-top:10px}.totals-summary{color:#555;font-size:14px;margin-top:10px}.totals-summary-total{color:#1a1a1a;font-size:15px}.totals-summary-words{color:#777;font-size:13px}button{cursor:pointer;font:inherit}.btn-small{background:none;border:none;color:var(--accent);font-size:12px;padding:2px 4px}.btn-add{background:#fff;border:1px dashed #aaa;border-radius:8px;color:#555;margin-bottom:8px;padding:8px;width:100%}.btn-add:hover{border-color:var(--accent);color:var(--accent)}.btn-generate{background:var(--accent);border:none;border-radius:8px;color:#fff;font-size:16px;font-weight:700;margin-top:14px;padding:13px;width:100%}.btn-generate:hover{filter:brightness(.92)}.btn-generate:disabled{background:#999;cursor:wait}details.shop-details{margin-top:6px}details.shop-details summary{color:#666;cursor:pointer;font-size:13px;margin-bottom:8px}.preview-container{flex:1;min-width:0}.sheet-scaler{transform-origin:top left;width:794px}.sheet{background:#fff;box-shadow:0 2px 10px #0000002e;color:#111;font-family:Sarabun,sans-serif;font-size:15px;min-height:1123px;padding:47px 57px;width:794px}.receipt{color:var(--ink);font-size:14px}.rc-header{align-items:flex-start;display:flex;gap:24px;justify-content:space-between}.rc-identity{min-width:0}.rc-logo{display:block;height:44px;margin-bottom:10px;width:auto}.rc-shop-name{color:var(--accent);font-size:27px;font-weight:700;letter-spacing:-.2px;line-height:1.2}.rc-contact{color:var(--gray);font-size:12px;line-height:1.7;margin-top:8px}.rc-doc-title{flex:0 0 auto;padding-top:4px;text-align:right}.rc-title-th{color:var(--accent);font-size:16px;font-weight:700}.rc-title-en{color:var(--muted);font-size:9.5px;letter-spacing:3.5px;margin-top:3px}.rc-doc-meta{font-size:12.5px;margin-top:14px}.rc-meta-line{display:flex;gap:14px;justify-content:flex-end;padding:2.5px 0}.rc-meta-line .label{color:var(--gray)}.rc-meta-line .label i{color:var(--muted);font-size:9px;font-style:normal;letter-spacing:.5px;margin-left:4px}.rc-meta-line .value{color:var(--ink);min-width:88px;text-align:right}.rc-rule{border-bottom:2px solid var(--accent);margin-top:16px}.rc-bill-to{margin-top:20px}.rc-bill-to-grid{-moz-column-gap:44px;column-gap:44px;display:grid;grid-template-columns:1fr 1fr}.rc-section-title{color:var(--accent);font-size:13px;font-weight:700;margin-bottom:6px}.rc-section-title span{color:var(--muted);font-size:9.5px;font-weight:400;letter-spacing:2px;margin-left:6px}.rc-field{display:flex;font-size:13px;gap:12px;padding:2.5px 0}.rc-field .label{color:var(--gray);flex:0 0 118px}.rc-field .label i{color:var(--muted);font-size:10px;font-style:normal;margin-left:5px}.rc-field .value{color:var(--ink);flex:1;min-width:0;overflow-wrap:anywhere}table.rc-items{border-collapse:collapse;font-size:13.5px;margin-top:30px;width:100%}table.rc-items th.description{text-align:left;width:100%}table.rc-items td.description{overflow-wrap:anywhere}table.rc-items td,table.rc-items th{padding:10px}table.rc-items thead th{border-bottom:2px solid var(--accent);color:var(--accent);font-size:13px;font-weight:700;padding-bottom:8px;white-space:nowrap}table.rc-items thead .label-en{color:var(--muted);display:block;font-size:8.5px;font-weight:400;letter-spacing:1.2px;margin-top:2px}table.rc-items td{border-bottom:1px solid var(--faint-line);color:var(--ink)}table.rc-items td.align-center,table.rc-items th.align-center{text-align:center}table.rc-items td.align-right,table.rc-items th.align-right{text-align:right}.numeric{font-variant-numeric:tabular-nums;white-space:nowrap}.rc-totals-row{align-items:flex-start;display:flex;gap:36px;margin-top:24px}.rc-payment-spacer{flex:1}.rc-payment-card{background:var(--card-background);border-radius:8px;flex:1;max-width:400px;padding:14px 18px}.rc-payment-card .rc-section-title{margin-bottom:10px}.rc-payment-body{align-items:flex-start;display:flex;gap:18px}.rc-qr{background:#fff;border-radius:6px;flex:0 0 auto;height:auto;width:96px}.rc-banks{color:var(--ink);font-size:12.5px;list-style:none;margin:2px 0 0;padding:0}.rc-banks li{margin:6px 0;overflow-wrap:anywhere}.rc-banks li:before{color:var(--accent);content:"•";margin-right:7px}.rc-totals{flex:0 0 290px}.rc-totals-line{color:var(--gray);display:flex;font-size:13px;justify-content:space-between;padding:6px 2px}.rc-totals-line i,.rc-totals-total i{color:var(--muted);font-size:10px;font-style:normal;margin-left:5px}.rc-totals-total{align-items:baseline;border-top:2px solid var(--accent);color:var(--accent);display:flex;font-size:14px;font-weight:700;justify-content:space-between;margin-top:6px;padding:10px 2px 0}.rc-total-amount{font-size:24px;letter-spacing:-.3px}.rc-words{color:var(--muted);font-size:11.5px;margin-top:8px;text-align:right}.rc-signatures{display:flex;gap:60px;margin-top:56px}.rc-signature{flex:1;max-width:280px}.rc-signature-line{border-bottom:1px solid #d1d5db;height:44px}.rc-signature-label{color:var(--ink);font-size:12.5px;font-weight:600;margin-top:8px}.rc-signature-label span{color:var(--muted);font-size:10px;font-weight:400;margin-left:6px}.rc-signature-date{color:var(--gray);font-size:11.5px;margin-top:10px}.rc-signature-date span{color:var(--muted);font-size:9.5px}.rc-signature-date-value{color:var(--ink);font-weight:600}.rc-note{color:var(--muted);font-size:11px;margin-top:40px}@media(max-width:1100px){.layout{flex-direction:column;gap:16px;padding:12px}.panel{flex:none;max-height:none;position:static;width:100%}.preview-container{overflow:hidden;width:100%}}