:root{--cream:#f7f3eb;--ink:#171918;--line:#20231f;--blue:#2d5ddd;--yellow:#ffd950;--green:#087958}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}button,input,select,textarea{font:inherit}button,a{touch-action:manipulation}button{color:inherit}main{overflow:hidden}.hero,.workspace,.templates-section,.guide,.faq{width:min(1680px,calc(100% - 48px));margin-inline:auto}.eyebrow{display:block;font-size:13px;font-weight:900;letter-spacing:.18em;margin-bottom:20px}.hero{min-height:470px;padding:88px 40px 70px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(340px,.52fr);gap:8vw;align-items:end;border-bottom:2px solid var(--line)}.hero h1{font-size:clamp(64px,7.3vw,122px);line-height:.85;letter-spacing:-.065em;max-width:1050px;margin:0 0 30px}.hero>div>p{font-size:clamp(20px,2vw,29px);line-height:1.45;color:#545a55;max-width:900px;margin:0 0 28px}.primary-link{display:inline-block;background:var(--blue);color:#fff;border:2px solid var(--line);box-shadow:7px 7px 0 var(--line);text-decoration:none;font-weight:900;padding:17px 22px}.hero aside{background:#fff;border:2px solid var(--line);box-shadow:9px 9px 0 var(--line);padding:30px 32px}.hero aside strong{font-size:23px;line-height:1.28}.hero aside ul{list-style:none;padding:0;margin:22px 0 0}.hero aside li{padding:10px 0;border-top:1px solid #c9ccc7}.hero aside li::before{content:'✓';color:var(--green);font-weight:900;margin-right:9px}
.workspace{padding:76px 40px 86px}.workspace-head,.section-heading{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-bottom:34px}.workspace-head h2,.section-heading h2,.guide>h2,.faq>h2{font-size:clamp(39px,4.5vw,72px);line-height:.95;letter-spacing:-.045em;margin:0;max-width:1020px}.history{display:flex;gap:8px}.history button,#downloadJump,.slot-actions button,.upload button,.upload-button,#resetColors{background:#fff;border:1px solid var(--line);padding:11px 14px;font-weight:800}.history button:disabled{opacity:.35}.workspace-grid{display:grid;grid-template-columns:minmax(410px,480px) minmax(0,1fr);background:#fff;border:2px solid var(--line);box-shadow:10px 10px 0 var(--line);min-height:900px}.editor-panel{border-right:1px solid #bdc1bb;min-width:0}.tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #bdc1bb;position:sticky;top:70px;background:#fff;z-index:4}.tabs button{border:0;border-right:1px solid #d6d8d4;background:#fff;padding:17px 5px;font-weight:800;font-size:14px}.tabs button[aria-selected=true]{background:var(--line);color:#fff}.panel{padding:28px}.panel[hidden]{display:none}.field{display:block;margin:0 0 21px}.field>span,.panel legend,.upload strong{display:block;font-weight:900;font-size:14px;margin-bottom:8px}.field input,.field select,.field textarea{display:block;width:100%;min-height:50px;border:1px solid #727871;background:#fff;padding:13px 14px;color:#171918}.field textarea{resize:vertical;line-height:1.4}.field select+select,.field textarea+select,.field input+select{margin-top:7px;min-height:44px;background:#f5f5f2}.field small,.panel-help,.panel fieldset>small{display:block;margin-top:7px;color:#646a65;font-size:13px;line-height:1.45}.field-error{color:#a62020!important;font-weight:700;min-height:1.2em}.check{display:flex;align-items:flex-start;gap:9px;margin:0 0 17px;font-weight:800}.check input{width:19px;height:19px;margin:0}.panel fieldset{border:0;padding:0;margin:0 0 26px}.upload{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid #c5c8c3;padding:15px;margin:0 0 21px}.upload p{font-size:13px;color:#666c67;margin:3px 0}.upload-button{cursor:pointer;background:#fff3bf!important;border:2px dashed var(--line)!important}.upload button{grid-column:1/-1}.slot-editor{border:1px solid #aeb2ad;margin-bottom:16px}.slot-head{display:flex;align-items:center;justify-content:space-between;background:#f0f1ed;border-bottom:1px solid #c4c7c2;padding:12px 14px}.slot-head strong{font-size:16px}.slot-body{padding:15px}.slot-mode,.segmented{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--line);margin-bottom:17px}.slot-mode button,.segmented button{border:0;border-right:1px solid var(--line);background:#fff;padding:12px 7px;font-weight:800}.slot-mode button:last-child,.segmented button:last-child{border-right:0}.slot-mode button[aria-pressed=true],.segmented button[aria-pressed=true]{background:var(--line);color:#fff}.slot-mode button:disabled,.segmented button:disabled{opacity:.35}.qr-upload{display:grid;gap:10px}.qr-upload label{display:flex;justify-content:center;align-items:center;min-height:52px;border:2px dashed var(--line);background:#fff3bf;font-weight:900;cursor:pointer}.qr-upload button{border:1px solid var(--line);background:#fff;padding:10px;font-weight:800}.qr-check{font-size:13px;line-height:1.4;margin:9px 0 17px;color:#4f5751}.qr-check.good{color:#087958}.qr-check.warn{color:#9b521d}.slot-actions{display:grid;gap:9px;margin-bottom:18px}.slot-actions button:first-child{background:#eef3ff;border:2px solid var(--blue)}.palette-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.palette-button{height:52px;border:2px solid transparent;background:linear-gradient(135deg,var(--swatch-bg) 0 52%,var(--swatch-primary) 52% 78%,var(--swatch-accent) 78%)}.palette-button[aria-pressed=true]{border-color:var(--blue);outline:2px solid #fff;outline-offset:-5px}.advanced-colors{border:1px solid #c5c8c3;padding:14px;margin-bottom:26px}.advanced-colors summary{font-weight:900;cursor:pointer}.color-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:16px 0}.color-fields span{display:block;font-size:12px;font-weight:800;margin-bottom:5px}.color-fields input{width:100%;height:42px;border:1px solid #737873;padding:3px;background:#fff}.output-summary{border:1px solid var(--line);background:#f8f8f4;padding:18px;margin:0 0 20px}.output-summary strong{font-size:27px}.output-summary p{margin:6px 0 0;color:#575d57}.output-actions{display:grid;gap:10px}.output-actions button{border:2px solid var(--line);background:var(--yellow);box-shadow:4px 4px 0 var(--line);padding:15px;font-weight:900}.output-actions button:first-child{background:#fff}.output-actions button:last-child{background:#dff0e6}.print-note{font-size:13px;line-height:1.5;color:#5b605b}.preview-panel{min-width:0;background:#e8e6df}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 22px;background:#fff;border-bottom:1px solid #bdc1bb}.preview-toolbar strong,.preview-toolbar span{display:block}.preview-toolbar span{font-size:13px;color:#686d68;margin-top:3px}.preview-stage{min-height:810px;padding:28px;overflow:auto;display:flex;align-items:flex-start;justify-content:center;background-color:#deddd7;background-image:linear-gradient(45deg,#d2d1cb 25%,transparent 25%),linear-gradient(-45deg,#d2d1cb 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#d2d1cb 75%),linear-gradient(-45deg,transparent 75%,#d2d1cb 75%);background-size:24px 24px;background-position:0 0,0 12px,12px -12px,-12px 0}.status{margin:0;padding:13px 22px;background:#fff;border-top:1px solid #bdc1bb;color:#08724f;font-weight:800}.status.error{color:#9c1c1c}.mobile-tabs{display:none}
/* Finished sign */
.payment-sign{position:relative;width:var(--sign-w);height:var(--sign-h);overflow:hidden;background:var(--paper);color:var(--ink);font-family:var(--body-font);box-shadow:0 20px 35px rgba(18,20,18,.18);display:grid;grid-template-rows:auto minmax(0,1fr) auto auto;padding:8.5% 9%;isolation:isolate}.payment-sign>*{min-width:0;min-height:0}.payment-sign::after{content:'';position:absolute;inset:3.5%;border:1px solid transparent;pointer-events:none}.sign-decoration{position:absolute;inset:0;z-index:-1;pointer-events:none}.payment-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;z-index:1;padding-block:1%}.payment-logo{display:block;object-fit:contain;max-width:42%;max-height:54px}.logo-small{max-height:34px}.logo-large{max-height:74px}.business-name{margin:0;max-width:100%;text-align:center;font-size:clamp(12px,2.25cqw,18px);line-height:1.2;font-weight:900;letter-spacing:.12em;text-transform:uppercase;overflow-wrap:anywhere}.payment-copy{align-self:center;text-align:center;z-index:1}.payment-headline{font-family:var(--headline-font);font-size:clamp(34px,8.5cqw,66px);line-height:.94;letter-spacing:-.035em;margin:0 auto 4%;max-width:95%;text-wrap:balance;overflow-wrap:anywhere}.payment-supporting{font-size:clamp(14px,2.7cqw,21px);line-height:1.35;max-width:86%;margin:0 auto}.display-amount{display:inline-block;margin:5% 0 0;background:var(--accent);color:#151715;padding:2.2% 6%;font-family:var(--headline-font);font-size:clamp(22px,5cqw,40px);line-height:1}.payment-qr-group{display:grid;grid-template-columns:1fr;gap:3%;align-items:end;justify-items:center;z-index:2;margin-top:2%}.payment-qr-item{width:100%;display:flex;flex-direction:column;align-items:center;min-width:0}.payment-qr-panel{background:#fff;padding:7%;width:42%;max-width:260px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.payment-qr-image{display:block;width:100%;height:100%;object-fit:contain;image-rendering:pixelated;filter:none!important;transform:none!important;border-radius:0!important}.payment-qr-image.qr-empty{background:repeating-linear-gradient(45deg,#e7e8e4 0 8px,#fff 8px 16px)}.method-label{margin:2.8% 0 0;font-size:clamp(11px,2.15cqw,17px);font-weight:900;letter-spacing:.1em;text-align:center;overflow-wrap:anywhere}.payment-sign[data-count="2"] .payment-qr-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:5%}.payment-sign[data-count="2"] .payment-qr-panel{width:82%;padding:7%}.payment-sign[data-count="3"] .payment-qr-group{grid-template-columns:repeat(3,minmax(0,1fr));gap:3%}.payment-sign[data-count="3"] .payment-qr-panel{width:92%;padding:7%}.payment-sign[data-count="2"] .method-label,.payment-sign[data-count="3"] .method-label{font-size:clamp(10px,1.9cqw,15px)}.payment-footer{text-align:center;z-index:1;padding-top:2%}.payment-footer p{margin:1.4% 0;line-height:1.25}.payment-label{font-weight:900;letter-spacing:.12em;font-size:clamp(11px,2.2cqw,17px)}.tip-message,.thank-message{font-size:clamp(11px,2.15cqw,17px);font-weight:700}.safety-message{font-size:clamp(9px,1.65cqw,13px);color:inherit;opacity:.82}.payment-sign[data-size="letter"],.payment-sign[data-size="a4"]{padding:9% 13%}.payment-sign[data-size="social"],.payment-sign[data-size="square"]{padding:8% 10%}.payment-sign.printer-friendly{border:18px solid #fff;background:#fff!important;color:#171918!important}.payment-sign.printer-friendly .sign-decoration{opacity:.22}.payment-sign.printer-friendly .payment-copy{background:transparent!important}.payment-sign.printer-friendly .payment-qr-panel{box-shadow:none!important}.payment-sign[data-orientation="landscape"]{padding:7% 8%;grid-template-columns:.82fr 1.18fr;grid-template-rows:auto 1fr auto}.payment-sign[data-orientation="landscape"] .payment-brand{grid-column:1;align-items:flex-start}.payment-sign[data-orientation="landscape"] .business-name,.payment-sign[data-orientation="landscape"] .payment-copy{text-align:left}.payment-sign[data-orientation="landscape"] .payment-copy{grid-column:1;grid-row:2}.payment-sign[data-orientation="landscape"] .payment-headline,.payment-sign[data-orientation="landscape"] .payment-supporting{margin-left:0}.payment-sign[data-orientation="landscape"] .payment-qr-group{grid-column:2;grid-row:1/4;align-self:center}.payment-sign[data-orientation="landscape"] .payment-footer{grid-column:1;grid-row:3;text-align:left}.payment-sign[data-orientation="landscape"][data-count="3"] .payment-qr-group{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-sign[data-orientation="landscape"][data-count="3"] .payment-qr-item:last-child{grid-column:1/-1;width:50%}
.payment-sign[data-count="3"][data-orientation="portrait"] .payment-qr-group{grid-template-columns:repeat(2,minmax(0,1fr));width:92%;justify-self:center;gap:4% 6%}.payment-sign[data-count="3"][data-orientation="portrait"] .payment-qr-item:last-child{grid-column:1/-1;width:50%;justify-self:center}.payment-sign[data-count="3"][data-orientation="portrait"]:not([data-layout="side-rail"],[data-layout="split"],[data-layout="path"],[data-layout="brass"]){grid-template-rows:auto auto minmax(0,1fr) auto}.payment-sign[data-count="3"][data-orientation="portrait"]:not([data-layout="side-rail"],[data-layout="split"],[data-layout="path"],[data-layout="brass"]) .payment-copy{align-self:start;margin-top:4%}.payment-sign[data-count="3"][data-orientation="portrait"]:not([data-layout="side-rail"],[data-layout="split"],[data-layout="path"],[data-layout="brass"]) .payment-qr-group{align-self:center;margin-top:0}
/* Twenty composition systems */
.payment-sign[data-layout="center"]::after{border-color:var(--primary)}.payment-sign[data-layout="center"] .sign-decoration{background:linear-gradient(180deg,var(--soft) 0 5%,transparent 5% 95%,var(--soft) 95%)}
.payment-sign[data-layout="editorial"]{text-align:left}.payment-sign[data-layout="editorial"] .payment-brand{align-items:flex-start;border-bottom:2px solid var(--primary);padding-bottom:4%}.payment-sign[data-layout="editorial"] .business-name,.payment-sign[data-layout="editorial"] .payment-copy{text-align:left}.payment-sign[data-layout="editorial"] .payment-headline,.payment-sign[data-layout="editorial"] .payment-supporting{margin-left:0}.payment-sign[data-layout="editorial"] .payment-qr-group{justify-items:end}.payment-sign[data-layout="editorial"] .payment-footer{text-align:left;border-top:1px solid var(--primary)}
.payment-sign[data-layout="side-rail"]{grid-template-columns:1fr .88fr;grid-template-rows:auto 1fr auto;gap:4%}.payment-sign[data-layout="side-rail"] .payment-brand{grid-column:1/-1;align-items:flex-start}.payment-sign[data-layout="side-rail"] .business-name,.payment-sign[data-layout="side-rail"] .payment-copy{text-align:left}.payment-sign[data-layout="side-rail"] .payment-headline,.payment-sign[data-layout="side-rail"] .payment-supporting{margin-left:0}.payment-sign[data-layout="side-rail"] .payment-headline{font-size:clamp(28px,6.8cqw,52px)}.payment-sign[data-layout="side-rail"] .payment-qr-group{grid-column:2;grid-row:2;align-self:center}.payment-sign[data-layout="side-rail"] .payment-qr-panel{width:88%}.payment-sign[data-layout="side-rail"] .payment-footer{grid-column:1/-1;border-top:1px solid var(--accent)}
.payment-sign[data-layout="grid-note"]::after{inset:6%;background:linear-gradient(var(--primary),var(--primary)) 0 0/18% 2px no-repeat,linear-gradient(var(--primary),var(--primary)) 0 0/2px 18% no-repeat,linear-gradient(var(--primary),var(--primary)) 100% 100%/18% 2px no-repeat,linear-gradient(var(--primary),var(--primary)) 100% 100%/2px 18% no-repeat}.payment-sign[data-layout="grid-note"] .payment-headline{font-weight:400}.payment-sign[data-layout="grid-note"] .payment-qr-panel{box-shadow:0 0 0 7px var(--soft)}
.payment-sign[data-layout="arch"]::after{inset:5%;border:2px solid var(--accent);border-radius:48% 48% 10px 10px}.payment-sign[data-layout="arch"] .payment-headline{font-weight:400;font-style:italic}.payment-sign[data-layout="arch"] .payment-qr-panel{border-radius:50% 50% 9px 9px}.payment-sign[data-layout="arch"] .sign-decoration{background:radial-gradient(circle at 50% 0,var(--soft) 0 22%,transparent 22%)}
.payment-sign[data-layout="double-frame"]{padding:11%}.payment-sign[data-layout="double-frame"]::after{inset:5%;border:4px double var(--primary)}.payment-sign[data-layout="double-frame"] .payment-headline{font-weight:400}.payment-sign[data-layout="double-frame"] .payment-qr-panel{border:1px solid var(--primary)}
.payment-sign[data-layout="ticket"]{padding:7% 10%}.payment-sign[data-layout="ticket"]::after{inset:3%;border:2px dashed var(--accent);border-radius:20px}.payment-sign[data-layout="ticket"] .payment-copy{background:#fff;padding:5%;border-radius:12px}.payment-sign[data-layout="ticket"] .payment-headline{font-size:clamp(30px,7.5cqw,57px)}.payment-sign[data-layout="ticket"] .payment-qr-panel{width:38%;border-radius:10px}
.payment-sign[data-layout="plaque"]::after{inset:7%;border:3px solid var(--primary);border-radius:46%}.payment-sign[data-layout="plaque"] .payment-headline{font-weight:400}.payment-sign[data-layout="plaque"] .payment-copy{padding-inline:8%}.payment-sign[data-layout="plaque"] .payment-qr-panel{border-radius:50%;padding:8%}.payment-sign[data-layout="plaque"] .payment-label{display:inline-block;background:var(--accent);padding:1.5% 5%;border-radius:99px}
.payment-sign[data-layout="big-block"]{background:linear-gradient(180deg,var(--primary) 0 49%,var(--paper) 49%)}.payment-sign[data-layout="big-block"] .payment-brand,.payment-sign[data-layout="big-block"] .payment-copy{color:#fff}.payment-sign[data-layout="big-block"] .payment-headline{font-size:clamp(40px,10cqw,78px);text-transform:uppercase}.payment-sign[data-layout="big-block"] .payment-qr-group{margin-top:-12%;justify-items:end}.payment-sign[data-layout="big-block"] .payment-qr-panel{box-shadow:8px 8px 0 var(--accent)}
.payment-sign[data-layout="split"]{grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;padding:0}.payment-sign[data-layout="split"] .payment-brand{grid-column:1/-1;padding:7%}.payment-sign[data-layout="split"] .payment-copy{grid-column:1;background:var(--primary);color:#fff;height:100%;padding:10% 8%;text-align:left;display:flex;flex-direction:column;justify-content:center}.payment-sign[data-layout="split"] .payment-headline,.payment-sign[data-layout="split"] .payment-supporting{margin-left:0}.payment-sign[data-layout="split"] .payment-headline{font-size:clamp(27px,6.5cqw,49px)}.payment-sign[data-layout="split"] .payment-qr-group{grid-column:2;grid-row:2;align-self:center;padding:5%}.payment-sign[data-layout="split"] .payment-qr-panel{width:78%}.payment-sign[data-layout="split"] .payment-footer{grid-column:1/-1;padding:4%}
.payment-sign[data-layout="split"][data-orientation="portrait"]{grid-template-rows:auto minmax(44%,1fr) auto}.payment-sign[data-layout="split"][data-orientation="portrait"] .payment-copy{padding:7% 8%;overflow:hidden}.payment-sign[data-layout="split"][data-orientation="portrait"] .payment-headline{font-size:clamp(26px,5.8cqw,44px);line-height:.96;margin-bottom:6%}.payment-sign[data-layout="split"][data-orientation="portrait"] .payment-supporting{font-size:clamp(13px,2.25cqw,18px);line-height:1.28}.payment-sign[data-layout="split"][data-orientation="portrait"] .payment-qr-panel{width:72%}
.payment-sign[data-layout="split"][data-orientation="landscape"]{grid-template-rows:auto minmax(46%,1fr) auto}
.payment-sign[data-layout="split"][data-orientation="landscape"] .payment-brand{padding:4% 8% 2%}
.payment-sign[data-layout="split"][data-orientation="landscape"] .payment-copy{padding:3% 8%;overflow:hidden}
.payment-sign[data-layout="split"][data-orientation="landscape"] .payment-headline{font-size:clamp(28px,5.4cqw,43px);line-height:.94;margin-bottom:4%}
.payment-sign[data-layout="split"][data-orientation="landscape"] .payment-supporting{font-size:clamp(13px,2.15cqw,17px);line-height:1.24;max-width:100%}
.payment-sign[data-layout="split"][data-orientation="landscape"] .payment-qr-group{padding:5% 8%}
.payment-sign[data-layout="split"][data-orientation="landscape"] .payment-footer{grid-column:1;grid-row:3;padding:3% 8% 4%}
.payment-sign[data-layout="stripe"]{padding:9%;background:var(--primary);color:#fff}.payment-sign[data-layout="stripe"]::after{border:6px solid var(--accent)}.payment-sign[data-layout="stripe"] .payment-headline{text-transform:uppercase}.payment-sign[data-layout="stripe"] .payment-qr-panel{box-shadow:9px 9px 0 var(--accent)}
.payment-sign[data-layout="poster"] .sign-decoration{background:linear-gradient(140deg,var(--accent) 0 17%,transparent 17%),linear-gradient(320deg,var(--soft) 0 18%,transparent 18%)}.payment-sign[data-layout="poster"] .payment-brand{align-items:flex-start}.payment-sign[data-layout="poster"] .business-name,.payment-sign[data-layout="poster"] .payment-copy{text-align:left}.payment-sign[data-layout="poster"] .payment-headline,.payment-sign[data-layout="poster"] .payment-supporting{margin-left:0}.payment-sign[data-layout="poster"] .payment-qr-group{justify-items:start}.payment-sign[data-layout="poster"] .payment-footer{text-align:right}
.payment-sign[data-layout="bubble"]::after{background:radial-gradient(circle,var(--accent) 0 8px,transparent 9px) 0 0/70px 70px;opacity:.28}.payment-sign[data-layout="bubble"] .payment-copy{background:#fff;border-radius:28px;padding:6% 5%;box-shadow:0 0 0 3px var(--primary)}.payment-sign[data-layout="bubble"] .payment-headline{font-size:clamp(32px,8cqw,62px)}.payment-sign[data-layout="bubble"] .payment-qr-panel{border-radius:22px}
.payment-sign[data-layout="label"]::after{inset:8%;border:3px solid var(--primary);border-radius:50%}.payment-sign[data-layout="label"] .payment-headline{font-weight:400}.payment-sign[data-layout="label"] .payment-copy{padding-inline:7%}.payment-sign[data-layout="label"] .payment-qr-panel{border-radius:50%;padding:8%}.payment-sign[data-layout="label"] .payment-label{display:inline-block;background:var(--accent);padding:1.5% 5%;border-radius:999px}
.payment-sign[data-layout="corners"] .sign-decoration{background:radial-gradient(circle at 8% 11%,var(--accent) 0 12px,transparent 13px),radial-gradient(circle at 92% 18%,var(--primary) 0 8px,transparent 9px),radial-gradient(circle at 12% 88%,var(--primary) 0 7px,transparent 8px),radial-gradient(circle at 88% 91%,var(--accent) 0 13px,transparent 14px)}.payment-sign[data-layout="corners"] .payment-headline{text-decoration:underline;text-decoration-color:var(--accent);text-decoration-thickness:7px;text-underline-offset:10px}
.payment-sign[data-layout="path"]{grid-template-columns:1fr .86fr;grid-template-rows:auto 1fr auto}.payment-sign[data-layout="path"] .sign-decoration{background:linear-gradient(115deg,transparent 0 48%,var(--soft) 48% 53%,transparent 53%)}.payment-sign[data-layout="path"] .payment-brand{grid-column:1/-1}.payment-sign[data-layout="path"] .payment-copy{grid-column:1;text-align:left}.payment-sign[data-layout="path"] .payment-headline,.payment-sign[data-layout="path"] .payment-supporting{margin-left:0}.payment-sign[data-layout="path"] .payment-headline{font-size:clamp(27px,6.5cqw,49px)}.payment-sign[data-layout="path"] .payment-qr-group{grid-column:2;grid-row:2;align-self:end}.payment-sign[data-layout="path"] .payment-qr-panel{width:90%;box-shadow:6px 6px 0 var(--accent)}.payment-sign[data-layout="path"] .payment-footer{grid-column:1/-1}
.payment-sign[data-category="dark"]{color:#fff}.payment-sign[data-layout="night"] .sign-decoration{background:radial-gradient(circle at 15% 12%,var(--accent) 0 3px,transparent 4px),radial-gradient(circle at 82% 18%,var(--accent) 0 2px,transparent 3px),linear-gradient(145deg,transparent 0 60%,rgba(255,255,255,.06) 60%)}.payment-sign[data-layout="night"] .payment-copy{border-block:1px solid var(--accent);padding:5% 0}.payment-sign[data-layout="night"] .payment-qr-panel{box-shadow:0 0 0 2px var(--accent)}
.payment-sign[data-layout="brass"]{grid-template-columns:.86fr 1.14fr;grid-template-rows:auto 1fr auto}.payment-sign[data-layout="brass"]::after{border:2px solid var(--accent)}.payment-sign[data-layout="brass"] .payment-brand{grid-column:1/-1}.payment-sign[data-layout="brass"] .payment-copy{grid-column:1;text-align:left}.payment-sign[data-layout="brass"] .payment-headline,.payment-sign[data-layout="brass"] .payment-supporting{margin-left:0}.payment-sign[data-layout="brass"] .payment-headline{font-size:clamp(27px,6.5cqw,48px);font-weight:400;color:var(--accent)}.payment-sign[data-layout="brass"] .payment-qr-group{grid-column:2;grid-row:2;align-self:center}.payment-sign[data-layout="brass"] .payment-qr-panel{width:82%}.payment-sign[data-layout="brass"] .payment-footer{grid-column:1/-1}
.payment-sign[data-layout="diagonal"]{background:linear-gradient(135deg,var(--paper) 0 70%,var(--accent) 70%);padding:8%}.payment-sign[data-layout="diagonal"] .payment-brand{align-items:flex-start}.payment-sign[data-layout="diagonal"] .business-name,.payment-sign[data-layout="diagonal"] .payment-copy{text-align:left}.payment-sign[data-layout="diagonal"] .payment-headline,.payment-sign[data-layout="diagonal"] .payment-supporting{margin-left:0}.payment-sign[data-layout="diagonal"] .payment-qr-group{justify-items:start}.payment-sign[data-layout="diagonal"] .payment-footer{text-align:right}
.payment-sign[data-layout="window"]{padding:8.5% 9% 9%}.payment-sign[data-layout="window"]::after{inset:5%;border:1px solid var(--accent);box-shadow:inset 0 0 0 9px var(--paper)}.payment-sign[data-layout="window"] .payment-copy{background:rgba(255,255,255,.08);padding:5%;border:1px solid var(--accent)}.payment-sign[data-layout="window"] .payment-headline{font-weight:400;font-size:clamp(31px,7.6cqw,58px)}.payment-sign[data-layout="window"] .payment-qr-panel{width:38%;box-shadow:0 0 0 8px var(--accent)}
/* Library and guide */
.templates-section{padding:80px 40px;border-top:2px solid var(--line);background:#fff}.section-heading>p{max-width:500px;font-size:19px;line-height:1.45;color:#59605b}.filters{display:flex;gap:10px;overflow-x:auto;padding:0 0 14px;margin-bottom:25px}.filters button{white-space:nowrap;border:1px solid var(--line);border-radius:999px;background:#fff;padding:10px 16px;font-weight:800}.filters button[aria-pressed=true]{background:var(--line);color:#fff}.template-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.template-card{border:1px solid #aeb2ac;background:#fff;padding:10px;text-align:left;cursor:pointer}.template-card[aria-current=true]{outline:3px solid var(--blue);outline-offset:2px}.template-thumb{height:260px;background:#eceae3;overflow:hidden;display:flex;justify-content:center;align-items:flex-start}.thumbnail-sign{transform:scale(.33);transform-origin:top center;box-shadow:none;flex:none}.template-copy{display:block;padding:12px 5px 5px}.template-copy strong,.template-copy small{display:block}.template-copy strong{font-size:18px}.template-copy small{margin-top:5px;color:#656b65}.guide{padding:88px 40px}.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);margin:42px 0 0;border:1px solid var(--line)}.steps li{padding:28px;border-right:1px solid var(--line);background:#fff}.steps li:last-child{border-right:0}.steps b{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;background:var(--yellow)}.steps h3{font-size:22px;margin:26px 0 9px}.steps p,.guide-copy p{color:#5a605a;line-height:1.55}.guide-copy{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:58px}.guide-copy h2{font-size:29px;line-height:1.05;margin:0 0 14px}.faq{padding:80px 40px 110px;border-top:2px solid var(--line)}.faq>h2{margin-bottom:36px}.faq details{background:#fff;border:1px solid var(--line);margin-bottom:12px}.faq summary{font-size:20px;font-weight:900;padding:21px 56px 21px 22px;cursor:pointer;position:relative}.faq summary::after{content:'+';position:absolute;right:22px;top:15px;font-size:31px}.faq details[open] summary::after{content:'–'}.faq details p{margin:0;padding:0 22px 22px;color:#555c56;line-height:1.55;max-width:950px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
#printRoot{display:none}@media print{body>*:not(#printRoot){display:none!important}#printRoot{display:block!important;position:fixed;inset:0;background:#fff}#printRoot,#printRoot *{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}#printRoot .payment-sign{width:100%!important;height:100%!important;box-shadow:none!important;transform:none!important;margin:0!important}#printRoot .payment-sign[data-layout="split"] .payment-copy{background-color:var(--primary)!important}}
@media(max-width:1200px){.template-grid{grid-template-columns:repeat(3,1fr)}.workspace-grid{grid-template-columns:420px minmax(0,1fr)}.hero{grid-template-columns:1fr .55fr}.hero h1{font-size:76px}}
@media(max-width:900px){.hero{grid-template-columns:1fr}.workspace-head,.section-heading{align-items:flex-start;flex-direction:column}.workspace-grid{grid-template-columns:380px minmax(0,1fr)}.template-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.steps li:nth-child(2){border-right:0}.steps li:nth-child(-n+2){border-bottom:1px solid var(--line)}.guide-copy{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.hero,.workspace,.templates-section,.guide,.faq{width:100%;padding-left:18px;padding-right:18px}.hero{min-height:auto;padding-top:58px;padding-bottom:56px}.hero h1{font-size:53px}.hero>div>p{font-size:19px}.nav-links a:not(.nav-pill){display:none}.workspace{padding-top:55px}.workspace-head{margin-bottom:22px}.workspace-head h2,.section-heading h2,.guide>h2,.faq>h2{font-size:40px}.history{width:100%}.history button{flex:1;padding:10px 5px;font-size:13px}.mobile-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--line);border-bottom:0}.mobile-tabs button{background:#fff;border:0;padding:13px 5px;font-weight:900}.mobile-tabs button[aria-selected=true]{background:var(--line);color:#fff}.workspace-grid{display:flex;flex-direction:column;min-height:0;box-shadow:6px 6px 0 var(--line)}.editor-panel{border-right:0}.workspace-grid[data-mobile-view="preview"] .editor-panel{display:none}.workspace-grid[data-mobile-view="edit"] .preview-panel{display:none}.workspace-grid[data-mobile-view="download"] .preview-panel{display:none}.workspace-grid[data-mobile-view="download"] .panel:not(.export-panel),.workspace-grid[data-mobile-view="download"] .tabs{display:none}.workspace-grid[data-mobile-view="download"] .export-panel{display:block!important}.tabs{top:58px;overflow-x:auto;display:flex}.tabs button{min-width:94px}.panel{padding:22px 17px}.preview-stage{min-height:580px;padding:20px 12px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.template-card{padding:7px}.template-thumb{height:190px}.thumbnail-sign{transform:scale(.25)}.template-copy strong{font-size:14px}.template-copy small{font-size:11px}.steps,.guide-copy{grid-template-columns:1fr}.steps li{border-right:0;border-bottom:1px solid var(--line)}.steps li:last-child{border-bottom:0}.section-heading>p{margin:0}.faq summary{font-size:18px}.color-fields{grid-template-columns:1fr}.site-footer p{line-height:1.8}}
@media(max-width:390px){.hero h1{font-size:48px}.hero aside{padding:24px 20px}.template-thumb{height:170px}.payment-logo{max-height:50px}.upload{grid-template-columns:1fr}.upload-button{grid-column:1}.preview-toolbar{padding:13px 14px}.preview-toolbar button{font-size:12px;padding:9px}.output-actions button{min-height:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
.payment-qr-empty{width:100%;height:100%;display:grid;place-items:center;padding:12%;background:repeating-linear-gradient(45deg,#e7e8e4 0 8px,#fff 8px 16px);color:#444;font-size:clamp(10px,1.8cqw,14px);font-weight:800;line-height:1.2;text-align:center}
.payment-sign[data-layout="plaque"]::after{content:none!important;display:none!important;border:0!important}
.payment-sign[data-layout="plaque"] .payment-headline{font-size:clamp(30px,6.6cqw,50px);line-height:.96;max-width:90%}
.payment-sign[data-layout="plaque"] .payment-copy{padding-inline:4%}
.payment-sign[data-layout="plaque"] .payment-qr-panel{border-radius:0;padding:8%;border:1px solid var(--primary)}
.payment-sign[data-layout="plaque"] .payment-label{border-radius:0}
.layout-controls{border:1px solid #c5c8c3;padding:14px;margin:0 0 22px;background:#fafaf7}.layout-controls summary{font-weight:900;cursor:pointer}.layout-controls>.field{margin-top:16px}.layout-controls>small{display:block;margin-top:10px;color:#646a65;font-size:13px;line-height:1.4}.layout-sliders{display:grid;gap:12px}.layout-sliders label{display:grid;grid-template-columns:1fr auto;gap:6px;align-items:center;font-size:13px;font-weight:800}.layout-sliders output{font-variant-numeric:tabular-nums;color:#4e554f}.layout-sliders input{grid-column:1/-1;width:100%;accent-color:var(--blue)}.layout-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.layout-actions button{border:1px solid var(--line);background:#fff;padding:10px 7px;font-weight:800;font-size:13px}