@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/LINESeedSansTH_W_Rg.woff2) format("woff2")}@font-face{font-family:LINE Seed Sans TH;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/LINESeedSansTH_W_Bd.woff2) format("woff2")}:root{--red:#ED4724;--red-dark:#C93A1B;--peach:#FFB27A;--blue:#00509D;--ink:#14100E;--ink-2:#3E3733;--muted:#6A605B;--muted-2:#8A7C77;--line:#EDE6E2;--line-2:#E4DAD5;--paper:#F7F3F1;--white:#fff}*{box-sizing:border-box}body,html{margin:0;padding:0}body{font-family:LINE Seed Sans TH,LINE Seed Sans,system-ui,-apple-system,sans-serif;color:var(--ink);background:var(--paper);line-height:1.62;-webkit-font-smoothing:antialiased}.pay-bg{min-height:100dvh;background:radial-gradient(1100px 620px at 8% -6%,#FFE3D0 0,rgba(255,227,208,0) 62%),radial-gradient(1000px 560px at 96% 2%,#DCE8F6 0,rgba(220,232,246,0) 60%),var(--paper)}.pay-wrap{max-width:520px;margin:0 auto;padding:40px 20px 72px}.brand{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin:0 0 6px}h1.pay-title{margin:0 0 24px;font-size:26px;line-height:1.3;font-weight:700;letter-spacing:-.01em}h1.pay-title .ord{color:var(--muted);font-weight:400}.card{background:var(--white);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 1px 2px rgba(20,16,14,.04)}.card+.card{margin-top:14px}.card__label{margin:0 0 8px;font-size:12.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted-2)}.rule{height:3px;border-radius:99px;background:linear-gradient(90deg,var(--peach),var(--red));margin:22px 0}.amount{font-size:40px;letter-spacing:-.02em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1.1}.acct,.amount{font-weight:700}.acct{font-size:23px;letter-spacing:.04em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.bank{margin:0 0 2px;font-weight:700;font-size:15px}.holder{margin:0 0 12px;font-size:14px;color:var(--muted)}.copy{border:1px solid var(--line-2);background:var(--paper);color:var(--ink-2);font:inherit;font-size:13px;font-weight:700;padding:7px 14px;border-radius:999px;cursor:pointer;transition:background .15s,border-color .15s}.copy:hover{background:#fff;border-color:var(--muted-2)}.copy[data-done="1"]{background:#E8F3EC;border-color:#B7DCC6;color:#1B6B3A}.row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.warn{margin:12px 0 0;font-size:13px;color:var(--red-dark);line-height:1.55}.btn{width:100%;border:0;border-radius:999px;padding:16px 20px;font:inherit;font-size:16px;font-weight:700;color:#fff;background:var(--ink);cursor:pointer;transition:transform .06s,opacity .15s}.btn:hover{opacity:.92}.btn:active{transform:translateY(1px)}.btn:disabled{background:var(--muted-2);cursor:default;transform:none}.btn--accent{background:var(--red)}.msg{margin:0;padding:14px 16px;border-radius:12px;font-size:14.5px;line-height:1.6}.msg--ok{background:#E8F3EC;color:#14532D;border:1px solid #c4e3d0;font-weight:700}.msg--err{background:#FCEAE5;color:#8C2A12;border:1px solid #f3cfc3}.msg small{display:block;margin-top:5px;font-weight:400;opacity:.85;font-size:12.5px}.preview{width:100%;border-radius:12px;border:1px solid var(--line);display:block}.foot{margin-top:24px;font-size:12.5px;color:var(--muted-2);line-height:1.6;text-align:center}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.qr-card{text-align:center}.qr{width:min(300px,80vw);height:auto;display:block;margin:2px auto 12px;border-radius:12px;border:1px solid var(--line);background:#fff}.qr-note{margin:0;font-size:13.5px;color:var(--muted);line-height:1.6}.fld,.qr-note b{color:var(--ink)}.fld{font:inherit;font-size:16px;padding:13px 14px;border-radius:10px;border:1px solid var(--line-2);background:var(--surface-2);width:100%}.fld:focus{outline:2px solid var(--red);outline-offset:1px;background:#fff}