/* QRBento printable Wi-Fi sign maker: no advertising or third-party requests. */
.sign-intro-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:17px}.sign-intro-links a{font-size:13px;font-weight:700}
.sign-editor{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);gap:20px;align-items:start;margin-top:28px}
.sign-controls,.sign-preview-panel{background:#fff;border:1px solid #e2e8f1;border-radius:22px;box-shadow:0 14px 40px rgba(21,42,78,.065);padding:25px;min-width:0}
.sign-preview-panel{position:sticky;top:96px;background:#f6f8fc}
.sign-controls h2,.sign-preview-panel h2{font-size:21px;color:var(--navy);margin:0 0 8px;letter-spacing:-.5px}.sign-controls p.controls-help{font-size:13px;color:var(--muted);margin:0 0 19px}
.sign-group{margin:0 0 23px;padding:0;border:0}.sign-group legend{font-weight:800;color:var(--navy);font-size:15px;margin:0 0 12px;padding:0}
.sign-group .fields{gap:13px}.sign-radio-help{font-size:12px;color:var(--muted);margin:5px 0 0}
.sign-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.sign-row .field{min-width:0}
.sign-password-row{display:grid;grid-template-columns:1fr auto;align-items:center;gap:10px}.sign-password-row input{min-width:0}.sign-password-row label{font-size:12px;white-space:nowrap;color:#41536d}
.sign-templates{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.sign-template{appearance:none;background:#fff;border:2px solid #dce4ee;border-radius:13px;text-align:left;padding:9px;min-height:112px;color:#172b4d;display:flex;flex-direction:column;gap:6px;transition:border-color .15s,transform .15s}
.sign-template:hover{transform:translateY(-1px);border-color:#a9bdd5}.sign-template:focus-visible{outline:3px solid #ff906d;outline-offset:2px}
.sign-template[aria-pressed=true]{border-color:#ff6b4a;box-shadow:0 0 0 2px #ffe1d6}
.sign-template .sample-card{height:56px;border-radius:7px;background:var(--sample-bg);border:1px solid #dbe2eb;position:relative;overflow:hidden;display:grid;place-items:center}
.sample-card::before{content:'';width:20px;height:20px;background:repeating-linear-gradient(90deg,var(--sample-accent) 0 3px,transparent 3px 6px),repeating-linear-gradient(0deg,var(--sample-accent) 0 3px,transparent 3px 6px);opacity:.8;border:4px solid #fff;box-shadow:0 0 0 2px var(--sample-accent);border-radius:1px}
.sign-template strong{font-size:11px;line-height:1.2}.sign-file-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap;margin-top:6px}
.sign-file-actions .btn{padding:7px 12px;font-size:12px}.sign-note{font-size:12px;color:#607087;margin-top:6px}
.sign-canvas-wrap{background:#e9eef5;border-radius:16px;padding:18px;display:grid;place-items:center;min-height:420px;box-shadow:inset 0 0 0 1px #dfe6ef}
#sign-canvas{max-width:100%;max-height:min(66vh,690px);width:auto;height:auto;background:#fff;box-shadow:0 8px 34px rgba(5,25,61,.21);display:block}
.sign-preview-meta{display:flex;gap:10px;justify-content:space-between;align-items:start;flex-wrap:wrap;margin-bottom:12px}
.sign-output-buttons{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:16px}.sign-output-buttons .btn{font-size:13px;min-width:0;padding:12px 8px}.sign-output-buttons .btn.wide{grid-column:1/-1}
.sign-preview-panel .status{margin-top:13px}.sign-privacy{margin-top:19px}.sign-callout{border:1px solid #cbdedb;background:#f5faf9;color:#274b49;padding:17px 19px;border-radius:13px;font-size:13px}
.sign-callout h3{margin:0 0 5px;color:#194b3c;font-size:16px}.sign-callout p{margin:4px 0}
.sign-promo{background:linear-gradient(120deg,#fff8f5,#f4f8ff);border:1px solid #f2dcd5;border-radius:18px;padding:22px;display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.sign-promo h2{font-size:21px;margin:0 0 5px;color:#172b4d}.sign-promo p{margin:0;color:#53627b;max-width:720px;font-size:14px}
/* The PDF print output is rendered entirely from the browser-generated image. */
#print-root{display:none}
@media(max-width:1050px){.sign-editor{grid-template-columns:1fr}.sign-preview-panel{position:static}.sign-canvas-wrap{min-height:360px}}
@media(max-width:610px){.sign-controls,.sign-preview-panel{padding:18px}.sign-templates{grid-template-columns:repeat(2,minmax(0,1fr))}.sign-row{grid-template-columns:1fr}.sign-editor{gap:13px}.sign-canvas-wrap{padding:12px;min-height:280px}.sign-output-buttons{grid-template-columns:1fr}.sign-output-buttons .btn.wide{grid-column:auto}}
@page qr-a4-portrait{size:A4 portrait;margin:0}
@page qr-a4-landscape{size:A4 landscape;margin:0}
@page qr-a5-portrait{size:A5 portrait;margin:0}
@page qr-a5-landscape{size:A5 landscape;margin:0}
@page qr-letter-portrait{size:letter portrait;margin:0}
@page qr-letter-landscape{size:letter landscape;margin:0}
@page qr-4x6-portrait{size:4in 6in;margin:0}
@page qr-4x6-landscape{size:6in 4in;margin:0}
@page qr-5x7-portrait{size:5in 7in;margin:0}
@page qr-5x7-landscape{size:7in 5in;margin:0}
@media print {
 html,body{margin:0!important;padding:0!important;background:#fff!important}
 body>*:not(#print-root){display:none!important}
 #print-root{display:block!important;width:100%;height:100%;margin:0!important;padding:0!important;overflow:hidden;break-inside:avoid}
 #print-root img{width:100%;height:100%;object-fit:fill;display:block;print-color-adjust:exact;-webkit-print-color-adjust:exact}
 body[data-sign-paper="a4-portrait"] #print-root{page:qr-a4-portrait;width:210mm;height:297mm}
 body[data-sign-paper="a4-landscape"] #print-root{page:qr-a4-landscape;width:297mm;height:210mm}
 body[data-sign-paper="a5-portrait"] #print-root{page:qr-a5-portrait;width:148mm;height:210mm}
 body[data-sign-paper="a5-landscape"] #print-root{page:qr-a5-landscape;width:210mm;height:148mm}
 body[data-sign-paper="letter-portrait"] #print-root{page:qr-letter-portrait;width:8.5in;height:11in}
 body[data-sign-paper="letter-landscape"] #print-root{page:qr-letter-landscape;width:11in;height:8.5in}
 body[data-sign-paper="4x6-portrait"] #print-root{page:qr-4x6-portrait;width:4in;height:6in}
 body[data-sign-paper="4x6-landscape"] #print-root{page:qr-4x6-landscape;width:6in;height:4in}
 body[data-sign-paper="5x7-portrait"] #print-root{page:qr-5x7-portrait;width:5in;height:7in}
 body[data-sign-paper="5x7-landscape"] #print-root{page:qr-5x7-landscape;width:7in;height:5in}
}

.sign-template[data-template="minimal"] .sample-card{--sample-bg:#ffffff;--sample-accent:#172b4d}
.sign-template[data-template="cafe"] .sample-card{--sample-bg:#fff8ec;--sample-accent:#8b4b31}
.sign-template[data-template="office"] .sample-card{--sample-bg:#eef4fb;--sample-accent:#172b4d}
.sign-template[data-template="hotel"] .sample-card{--sample-bg:#f9f6f0;--sample-accent:#967243}
.sign-template[data-template="restaurant"] .sample-card{--sample-bg:#172b36;--sample-accent:#f4d59b}
.sign-template[data-template="home"] .sample-card{--sample-bg:#fff6f1;--sample-accent:#ff6b4a}