:root{--ink:#191c18;--paper:#fffaf0;--panel:#fff;--muted:#62685f;--line:#cbc9c0;--blue:#2d5af2;--soft:#e9eeff;--accent:#111;--shadow:6px 6px 0 var(--ink)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,Helvetica,system-ui,sans-serif;line-height:1.5}.header-inner,.tool-intro,.workspace,.how-it-works,.content-grid,.faq-section{width:min(1640px,calc(100% - 48px));margin-inline:auto}.header-inner{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:24px}.header-inner nav{display:flex;align-items:center;gap:22px}.header-inner nav>a:not(.nav-pill){color:var(--ink);font-size:14px;font-weight:800}.eyebrow{display:block;color:#244dcb;font-size:11px;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.tool-intro{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);align-items:end;gap:50px;padding:35px 0 26px}.tool-intro h1{max-width:960px;margin:8px 0 10px;font-size:clamp(42px,5.2vw,76px);line-height:.95;letter-spacing:-.065em}.tool-intro>div>p{max-width:770px;margin:0;color:var(--muted);font-size:18px}.intro-facts{margin-top:8px!important;font-size:14px!important}.privacy-note{display:flex;gap:14px;padding:16px 18px;border:2px solid var(--ink);background:#fff;box-shadow:4px 4px 0 var(--ink)}.privacy-note>span{width:13px;height:13px;margin-top:5px;border-radius:50%;background:#087f5b;flex:none}.privacy-note strong{display:block}.privacy-note p{margin:3px 0 0;color:var(--muted);font-size:13px}.workspace{display:grid;grid-template-columns:390px minmax(0,1fr);min-height:760px;margin-bottom:56px;border:2px solid var(--ink);background:#fff;box-shadow:var(--shadow)}.editor-panel{border-right:2px solid var(--ink);background:#f7f5ef}.panel-title{padding:19px 20px 16px;border-bottom:1px solid var(--line);background:#fff}.panel-title h2{margin:3px 0 0;font-size:24px;letter-spacing:-.03em}.control-section{padding:18px 20px;border-bottom:1px solid var(--line)}.control-section h3{display:flex;align-items:center;gap:9px;margin:0 0 14px;font-size:15px}.control-section h3>span{display:grid;width:25px;height:25px;place-items:center;border:1.5px solid var(--ink);border-radius:50%;background:#fff;font-size:11px}.method-picker,.accent-picker{margin:0 0 14px;padding:0;border:0}.method-picker legend,.accent-picker legend,.field>span{display:flex;width:100%;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:12px;font-weight:850}.method-picker{display:grid;grid-template-columns:repeat(3,1fr);border:1.5px solid var(--ink);background:#fff}.method-picker legend{grid-column:1/-1}.method-picker button{min-height:43px;border:0;border-right:1px solid var(--ink);background:#fff;font:inherit;font-size:13px;font-weight:900;cursor:pointer}.method-picker button:last-child{border-right:0}.method-picker button[aria-pressed="true"]{background:var(--ink);color:#fff}.field{display:block;min-width:0;margin-top:12px}.field:first-of-type{margin-top:0}.field output{color:var(--muted);font-weight:600}input,textarea,select,button{font:inherit}input,textarea,select{width:100%;min-height:44px;padding:9px 10px;border:1.5px solid var(--ink);border-radius:8px;background:#fff;color:var(--ink);font-size:15px}textarea{resize:vertical}.field-help,.field-error{min-height:18px;margin:5px 0 0;font-size:11px}.field-help{color:var(--muted)}.field-error{color:#a52121;font-weight:800}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.paper-readout{margin:10px 0 13px;padding:8px 10px;border-left:3px solid var(--blue);background:#fff;color:var(--muted);font-size:12px;font-weight:750}.template-choice{display:flex;width:100%;min-height:74px;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1.5px solid var(--ink);border-radius:8px;background:#fff;text-align:left;cursor:pointer}.template-choice span>*{display:block}.template-choice small{color:var(--muted);font-size:10px;text-transform:uppercase}.template-choice strong{font-size:16px}.template-choice em{color:var(--muted);font-size:11px;font-style:normal}.template-choice b{font-size:12px;white-space:nowrap}.accent-picker{display:flex;align-items:center;gap:10px;margin:14px 0 0}.accent-picker legend{margin-bottom:8px}.accent-picker button{width:34px;height:34px;border:3px solid #fff;border-radius:50%;background:var(--swatch);box-shadow:0 0 0 1.5px var(--ink);cursor:pointer}.accent-picker button[aria-pressed="true"]{box-shadow:0 0 0 3px #fff,0 0 0 5px var(--blue)}.accent-picker button[data-accent="#111111"]{--swatch:#111}.accent-picker button[data-accent="#173b67"]{--swatch:#173b67}.accent-picker button[data-accent="#235238"]{--swatch:#235238}.accent-picker button[data-accent="#752b2b"]{--swatch:#752b2b}.check-field{display:flex;align-items:flex-start;gap:10px;margin:11px 0;cursor:pointer}.check-field input{width:19px;height:19px;min-height:0;margin:2px 0 0;accent-color:var(--ink)}.check-field span{display:block;font-size:12px}.check-field strong,.check-field small{display:block}.check-field small{margin-top:1px;color:var(--muted);font-size:10px}.action-block{padding:18px 20px;background:#fff}.action-block>div{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:9px}.button{display:inline-flex;width:100%;min-height:45px;align-items:center;justify-content:center;border:2px solid var(--ink);border-radius:999px;background:#fff;color:var(--ink);font-weight:900;cursor:pointer}.button.primary{min-height:52px;background:var(--blue);color:#fff;box-shadow:3px 3px 0 var(--ink)}.button:disabled{cursor:wait;opacity:.55}.status{min-height:36px;margin:10px 0 0;color:var(--muted);font-size:11px}.preview-panel{display:flex;min-width:0;flex-direction:column;background:#e9e8e3}.preview-toolbar{display:flex;min-height:72px;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px;border-bottom:1px solid var(--line);background:#fff}.preview-toolbar strong{display:block;margin-top:2px;font-size:13px}.zoom-controls{display:flex;align-items:center;border:1.5px solid var(--ink);border-radius:999px;background:#fff;overflow:hidden}.zoom-controls button,.zoom-controls output{display:grid;min-width:42px;height:38px;place-items:center;border:0;border-right:1px solid var(--line);background:#fff;font-size:12px;font-weight:850}.zoom-controls button{cursor:pointer}.zoom-controls button[aria-pressed="true"]{background:var(--ink);color:#fff}.zoom-controls output{min-width:54px}.zoom-controls>*:last-child{border-right:0}.preview-stage{display:grid;min-height:650px;flex:1;place-items:center;overflow:auto;padding:28px;overscroll-behavior:contain}.sheet-wrap{position:relative;flex:none}.print-sheet{position:absolute;top:0;left:0;width:1056px;height:816px;background:#fff;color:#111;box-shadow:0 15px 35px rgba(0,0,0,.2);transform-origin:top left;print-color-adjust:exact;-webkit-print-color-adjust:exact}.print-sheet.paper-a4{width:1122px;height:794px}.sign-grid{position:absolute;inset:0;display:grid;grid-template-columns:1fr 1fr}.layout-full .sign-grid{grid-template-rows:1fr}.layout-half .sign-grid{grid-template-rows:repeat(2,1fr)}.layout-compact .sign-grid{grid-template-rows:repeat(4,1fr)}.sign-face{position:relative;display:grid;min-width:0;min-height:0;overflow:hidden;padding:5%;place-items:center;background:#fff}.sign-face.blank{background:#fff}.sign-face.back{transform:rotate(180deg)}.sign-content{display:grid;width:100%;height:100%;min-width:0;min-height:0;align-items:center;justify-items:center;gap:2%;text-align:center}.qr-wrap{display:grid;width:min(50%,250px);aspect-ratio:1;place-items:center;padding:4%;background:#fff}.qr-wrap canvas{display:block;width:100%;height:100%;image-rendering:pixelated}.sign-headline{max-width:100%;margin:0;color:var(--accent);font-size:clamp(22px,2.5vw,42px);font-weight:950;line-height:.94;letter-spacing:-.04em;text-wrap:balance}.sign-note{max-width:92%;margin:0;color:#222;font-size:clamp(12px,1.2vw,20px);font-weight:650;line-height:1.2;text-wrap:balance}.qr-label{color:var(--accent);font-size:clamp(12px,1.35vw,21px);font-weight:950;letter-spacing:.1em}.contact-display{font-size:clamp(11px,1.1vw,18px);font-weight:900}.preview-badge{position:absolute;right:3%;bottom:3%;padding:3px 6px;border:1px solid #999;color:#555;font-size:8px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.guide-fold{position:absolute;z-index:5;top:0;bottom:0;left:50%;border-left:1px dashed #aaa;pointer-events:none}.guide-fold::after{content:"Fold here";position:absolute;top:8px;left:5px;color:#888;font-size:9px;white-space:nowrap}.print-sheet:not(.show-fold) .guide-fold{display:none}.cut-line{position:absolute;z-index:4;right:0;left:0;border-top:1px dashed #888;pointer-events:none}.cut-line::after{content:"Cut here";position:absolute;right:7px;top:3px;color:#777;font-size:8px}.layout-full .cut-line{display:none}.layout-half .cut-line:nth-of-type(2){top:50%}.layout-compact .cut-line:nth-of-type(2){top:25%}.layout-compact .cut-line:nth-of-type(3){top:50%}.layout-compact .cut-line:nth-of-type(4){top:75%}.preview-note{padding:12px 18px;border-top:1px solid var(--line);background:#fff;color:var(--muted);font-size:12px}.preview-note strong{color:var(--ink)}

/* Ten genuinely different printable compositions. */
.variant-center-clean .sign-content{grid-template-rows:auto 1fr auto auto}.variant-center-clean .qr-wrap{width:min(57%,270px)}.variant-left-split .sign-content{grid-template-columns:1fr .82fr;grid-template-rows:1fr auto;text-align:left;justify-items:start}.variant-left-split .sign-headline{align-self:end;font-size:clamp(28px,3vw,50px)}.variant-left-split .sign-note{align-self:start}.variant-left-split .qr-wrap{grid-column:2;grid-row:1/3;width:92%;align-self:center}.variant-left-split .qr-label{position:absolute;right:8%;bottom:6%}.variant-fine-frame{border:2px solid var(--accent);margin:4%;padding:3%}.variant-fine-frame .sign-content{grid-template-rows:auto 1fr auto auto}.variant-fine-frame .sign-headline{font-size:clamp(17px,1.7vw,28px);letter-spacing:.09em}.variant-bold-stack{background:linear-gradient(var(--accent) 0 30%,#fff 30%)}.variant-bold-stack .sign-content{grid-template-rows:auto 1fr auto}.variant-bold-stack .sign-headline{align-self:center;color:#fff;font-size:clamp(27px,3vw,52px)}.variant-bold-stack .sign-note{display:none}.variant-bold-stack .qr-label{padding:5px 10px;background:var(--accent);color:#fff}.variant-qr-first .sign-content{grid-template-rows:auto 1fr auto}.variant-qr-first .sign-headline{font-size:clamp(18px,2vw,32px);letter-spacing:.22em}.variant-qr-first .qr-wrap{width:min(66%,310px)}.variant-qr-first .sign-note{display:none}.variant-utility-split{padding:0}.variant-utility-split .sign-content{grid-template-columns:1fr .82fr;gap:0;text-align:left}.variant-utility-split .sign-headline{height:100%;padding:12%;display:grid;align-content:center;background:var(--accent);color:#fff;font-size:clamp(29px,3.2vw,54px)}.variant-utility-split .sign-note{position:absolute;left:6%;bottom:6%;max-width:43%;color:#fff}.variant-utility-split .qr-wrap{width:82%}.variant-utility-split .qr-label{position:absolute;right:6%;bottom:6%}.variant-utility-board{border:10px solid var(--accent);padding:3%}.variant-utility-board::before,.variant-utility-board::after{content:"P";position:absolute;top:4%;display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:950}.variant-utility-board::before{left:4%}.variant-utility-board::after{right:4%}.variant-utility-board .sign-content{grid-template-rows:auto 1fr auto}.variant-utility-board .sign-headline{font-size:clamp(21px,2.4vw,39px);letter-spacing:.06em}.variant-utility-board .sign-note{display:none}.variant-friendly-round{margin:4%;border:4px solid var(--accent);border-radius:34px}.variant-friendly-round .sign-content{grid-template-rows:auto 1fr auto}.variant-friendly-round .sign-headline{font-size:clamp(25px,2.8vw,46px);text-transform:none}.variant-friendly-round .qr-label{display:none}.variant-friendly-thanks .sign-content{grid-template-rows:auto auto 1fr auto}.variant-friendly-thanks .sign-headline{font-family:Georgia,serif;font-size:clamp(25px,2.8vw,45px);font-weight:700}.variant-friendly-thanks .sign-note{font-family:Georgia,serif;font-style:italic}.variant-friendly-thanks .qr-wrap{width:min(52%,240px)}.variant-friendly-side .sign-content{grid-template-columns:.9fr 1.1fr;grid-template-rows:auto 1fr auto;text-align:left;justify-items:start}.variant-friendly-side .qr-wrap{grid-column:1;grid-row:1/4;width:90%}.variant-friendly-side .sign-headline{grid-column:2;align-self:end;font-size:clamp(25px,2.8vw,46px)}.variant-friendly-side .sign-note{grid-column:2;align-self:start}.variant-friendly-side .qr-label{grid-column:2;align-self:end;padding:5px 9px;border:2px solid var(--accent);border-radius:999px}.layout-half .sign-face{padding:3%}.layout-half .sign-headline{font-size:clamp(17px,1.75vw,29px)}.layout-half .sign-note{font-size:clamp(9px,.9vw,14px)}.layout-half .qr-label,.layout-half .contact-display{font-size:clamp(9px,.85vw,14px)}.layout-half .qr-wrap{max-width:145px}.layout-compact .sign-face{padding:2%}.layout-compact .sign-headline{font-size:clamp(11px,1.15vw,18px)}.layout-compact .sign-note{font-size:clamp(7px,.65vw,10px)}.layout-compact .qr-label,.layout-compact .contact-display{font-size:clamp(7px,.6vw,10px)}.layout-compact .qr-wrap{max-width:76px;padding:3%}

.template-dialog{width:min(980px,calc(100% - 34px));max-height:min(820px,calc(100vh - 36px));padding:0;border:2px solid var(--ink);background:#fff;box-shadow:9px 9px 0 var(--ink)}.template-dialog::backdrop{background:rgba(20,22,20,.65)}.template-dialog form{margin:0}.dialog-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid var(--line)}.dialog-head h2{margin:3px 0 0;font-size:29px}.dialog-close{width:44px;height:44px;border:2px solid var(--ink);border-radius:50%;background:#fff;font-size:25px;cursor:pointer}.template-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:22px;overflow:auto}.template-card{display:block;min-width:0;padding:10px;border:1.5px solid var(--line);border-radius:10px;background:#fff;text-align:left;cursor:pointer}.template-card[aria-pressed="true"]{border-color:var(--blue);box-shadow:0 0 0 2px var(--blue)}.template-thumb{position:relative;display:grid;height:116px;margin-bottom:9px;place-items:center;overflow:hidden;border:1px solid #aaa;background:#fff}.template-thumb::before{content:"QR";display:grid;width:47px;height:47px;place-items:center;border:6px double #111;background:#fff;color:#111;font-size:10px;font-weight:950}.template-card strong,.template-card small{display:block}.template-card small{color:var(--muted)}.template-card[data-variant="left-split"] .template-thumb{justify-items:end;padding-right:18px;background:linear-gradient(90deg,#fff 0 57%,#f1f1ed 57%)}.template-card[data-variant="fine-frame"] .template-thumb{border:5px double #333}.template-card[data-variant="bold-stack"] .template-thumb{background:linear-gradient(#111 0 32%,#fff 32%)}.template-card[data-variant="qr-first"] .template-thumb::before{width:65px;height:65px}.template-card[data-variant="utility-split"] .template-thumb{justify-items:end;padding-right:18px;background:linear-gradient(90deg,#222 0 53%,#fff 53%)}.template-card[data-variant="utility-board"] .template-thumb{border:8px solid #222}.template-card[data-variant="friendly-round"] .template-thumb{margin-inline:6px;border:4px solid #333;border-radius:22px}.template-card[data-variant="friendly-thanks"] .template-thumb{background:radial-gradient(circle at 50% 20%,#eee 0 12%,transparent 13%)}.template-card[data-variant="friendly-side"] .template-thumb{justify-items:start;padding-left:18px;background:linear-gradient(90deg,#fff 0 47%,#f1f1ed 47%)}.how-it-works{display:grid;grid-template-columns:1fr 1fr;gap:70px;padding:54px 0;border-top:1px solid var(--line)}.how-it-works h2,.content-grid h2,.faq-section h2{margin:8px 0 12px;font-size:clamp(28px,3vw,42px);line-height:1.05;letter-spacing:-.045em}.how-it-works p,.content-grid p,.how-it-works li span,.faq-section p{color:var(--muted)}.how-it-works ol{margin:0;padding:0;list-style:none;counter-reset:steps}.how-it-works li{display:grid;grid-template-columns:38px 1fr;padding:15px 0;border-bottom:1px solid var(--line);counter-increment:steps}.how-it-works li::before{content:"0" counter(steps);grid-row:1/3;color:#244dcb;font-size:11px;font-weight:950;letter-spacing:.1em}.how-it-works li strong,.how-it-works li span{grid-column:2}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;padding:0 0 54px}.content-grid article{padding:24px;border:1.5px solid var(--ink);background:#fff}.content-grid h2{font-size:25px}.faq-section{padding:48px 0 70px;border-top:1px solid var(--line)}.faq-section details{border-bottom:1px solid var(--line)}.faq-section summary{padding:17px 0;font-weight:900;cursor:pointer}.faq-section p{max-width:820px;margin:0 0 18px}button:hover{filter:brightness(.97)}input:focus,textarea:focus,select:focus,button:focus-visible{outline:4px solid rgba(45,90,242,.25);outline-offset:2px}@media(max-width:1100px){.tool-intro{grid-template-columns:1fr}.workspace{grid-template-columns:350px minmax(0,1fr)}.preview-stage{min-height:560px;padding:18px}}@media(max-width:767px){.header-inner,.tool-intro,.workspace,.how-it-works,.content-grid,.faq-section{width:min(100% - 24px,1640px)}.header-inner{min-height:66px}.header-inner nav>a:not(.nav-pill){display:none}.tool-intro{padding-top:28px;gap:20px}.tool-intro h1{font-size:clamp(39px,12vw,58px)}.tool-intro>div>p{font-size:16px}.workspace{display:flex;min-height:0;flex-direction:column;border-right:0;border-left:0;box-shadow:none}.editor-panel{border-right:0}.preview-panel{min-height:560px}.preview-toolbar{align-items:flex-start;flex-direction:column}.zoom-controls{width:100%}.zoom-controls>*{flex:1}.preview-stage{min-height:440px;padding:12px}.field-row{grid-template-columns:1fr}.template-grid{grid-template-columns:1fr 1fr}.how-it-works,.content-grid{grid-template-columns:1fr;gap:22px}.action-block{position:sticky;z-index:10;bottom:0;border-top:2px solid var(--ink)}}@media(max-width:460px){.template-grid{grid-template-columns:1fr}.action-block>div{grid-template-columns:1fr}.privacy-note{padding:13px}.preview-note{font-size:11px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}@media print{@page{size:Letter landscape;margin:0}html,body{width:auto!important;height:auto!important;margin:0!important;background:#fff!important}.site-header,main>.tool-intro,.editor-panel,.preview-toolbar,.preview-note,.how-it-works,.content-grid,.faq-section,.site-footer,.template-dialog{display:none!important}main,.workspace,.preview-panel,.preview-stage,.sheet-wrap{display:block!important;width:auto!important;height:auto!important;min-height:0!important;margin:0!important;padding:0!important;border:0!important;background:#fff!important;box-shadow:none!important;overflow:visible!important}.print-sheet{position:relative!important;inset:auto!important;width:var(--print-width)!important;height:var(--print-height)!important;box-shadow:none!important;transform:none!important}.preview-badge{display:none!important}}
