/* QR sign maker page: form above, live sign below (sign styles come from ../sign/sign.css) */
.qm-head{max-width:560px;margin:28px auto 8px;padding:0 20px;text-align:center;color:var(--ink)}
.qm-kicker{font-size:22px;margin:0;color:var(--coraltext)}
.qm-head h1{font-family:"Sniglet",ui-rounded,system-ui,sans-serif;font-weight:800;font-size:clamp(28px,7vw,40px);line-height:1.1;margin:4px 0 8px}
.qm-sub{margin:0 auto;max-width:46ch;font-size:16px;line-height:1.5}
.qm-form{max-width:560px;margin:16px auto;padding:18px 20px;display:grid;gap:12px;background:var(--cream);border:var(--line) solid var(--ink);border-radius:22px;box-sizing:border-box;width:calc(100% - 32px);color:var(--ink)}
.qm-form label{display:grid;gap:4px;font-weight:700;font-size:15px}
.qm-form input:not([type=checkbox]){font:inherit;font-weight:400;padding:10px 12px;border:2px solid var(--ink);border-radius:12px;background:#fff;color:var(--ink);min-height:44px;box-sizing:border-box;width:100%}
.qm-form .qm-check{display:flex;gap:8px;align-items:flex-start;font-weight:400;font-size:14px}
.qm-check input{width:20px;height:20px;margin-top:1px;accent-color:var(--ink)}
.qm-err{margin:0;color:var(--coraltext);font-weight:700}
.qm-print{justify-self:center;min-height:48px;padding:0 28px;font:inherit;font-weight:800;cursor:pointer;background:var(--pink);color:var(--ink);border:var(--line) solid var(--ink);border-radius:999px;box-shadow:3px 4px 0 var(--ink)}
.qm-name{font-family:"Sniglet",ui-rounded,system-ui,sans-serif;font-weight:800;font-size:clamp(30px,8vw,46px);line-height:1.05;margin:0 0 8px;color:var(--ink);overflow-wrap:anywhere}
.qm-empty{margin:0;padding:60px 10px;font-size:15px;color:var(--ink);background:#fff;border-radius:10px}
.qm-tips{max-width:560px;margin:8px auto 20px;padding:0 20px;color:var(--ink);line-height:1.5}
.qm-tips h2{font-family:"Sniglet",ui-rounded,system-ui,sans-serif;font-size:24px;margin:0 0 6px}
.qm-tips a{color:var(--ink);font-weight:700}
.qm-foot{max-width:560px;margin:0 auto 32px;padding:0 20px;font-size:12px;color:var(--ink);opacity:.75;text-align:center}
.sign .sign-url{white-space:normal;overflow-wrap:anywhere}
@media print{.qm-head,.qm-form,.qm-tips,.qm-foot{display:none}.qm-name{font-size:44pt}body{background:#fff}}
