:root{--qr-ink:#142b20;--qr-muted:#60766a;--qr-line:#d9e6de;--qr-soft:#f3f8f5;--qr-green:#147a49;--qr-dark:#10281c;--qr-danger:#a52e36;--qr-warn:#8b6512}
body.qr-generator-page{margin:0;background:#eef5f0;color:var(--qr-ink);font-family:Inter,"Segoe UI",Arial,sans-serif}
.qr-shell{width:min(1320px,calc(100% - 32px));margin:0 auto;padding:30px 0 64px}.qr-topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:15px}.qr-eyebrow{margin:0 0 4px;color:var(--qr-green);font-size:.76rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.qr-topbar h1{margin:0;color:var(--qr-ink);font-size:clamp(1.8rem,4vw,2.65rem);line-height:1.08;letter-spacing:-.045em}.qr-subtitle{margin:7px 0 0;color:var(--qr-muted);font-size:1rem}.qr-top-actions,.qr-actions{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.qr-button{min-height:42px;padding:10px 14px;border:1px solid var(--qr-line);border-radius:10px;background:#fff;color:var(--qr-ink);font:750 .84rem/1 "Segoe UI",sans-serif;text-decoration:none;cursor:pointer}.qr-button:hover,.qr-button:focus-visible,.qr-link-button:focus-visible{border-color:var(--qr-green);outline:0;box-shadow:0 0 0 3px rgba(20,122,73,.14)}.qr-button-primary{border-color:var(--qr-green);background:var(--qr-green);color:#fff}.qr-button-secondary{border-color:var(--qr-dark);background:var(--qr-dark);color:#fff}.qr-button-light{background:rgba(255,255,255,.7)}.qr-button[disabled]{cursor:not-allowed;opacity:.45}
.qr-privacy{display:flex;gap:8px;align-items:center;margin-bottom:18px;padding:11px 13px;border:1px solid #c8e1d1;border-radius:10px;background:#e9f7ed;color:#276043;font-size:.84rem}.qr-layout{display:grid;grid-template-columns:minmax(290px,370px) minmax(0,1fr);gap:24px;align-items:start}.qr-panel{max-height:calc(100vh - 170px);overflow:auto;padding:18px;border:1px solid var(--qr-line);border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(20,55,36,.07)}.qr-section{padding-bottom:17px;margin-bottom:17px;border-bottom:1px solid var(--qr-line)}.qr-section:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}.qr-section h2{margin:0 0 11px;color:var(--qr-ink);font-size:1.03rem}.qr-optional{color:var(--qr-muted);font-size:.73rem;font-weight:500}.qr-label{display:block;margin:10px 0 5px;color:#385348;font-size:.78rem;font-weight:750}.qr-control,.qr-input,.qr-textarea{box-sizing:border-box;width:100%;padding:10px 11px;border:1px solid #c8d9cf;border-radius:9px;background:#fff;color:var(--qr-ink);font:500 .9rem/1.4 "Segoe UI",Arial,sans-serif}.qr-textarea{min-height:122px;resize:vertical;font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif;font-size:1.15rem;line-height:2;direction:auto}.qr-control:focus,.qr-input:focus,.qr-textarea:focus,.qr-color:focus,.qr-upload input:focus{border-color:var(--qr-green);outline:0;box-shadow:0 0 0 3px rgba(20,122,73,.12)}.qr-check{display:flex;align-items:center;gap:7px;margin-top:8px;color:var(--qr-muted);font-size:.83rem}.qr-check input{width:17px;height:17px;accent-color:var(--qr-green)}.qr-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.qr-help{margin:6px 0 0;color:var(--qr-muted);font-size:.77rem;line-height:1.5}.qr-field-error{margin:5px 0 0;color:var(--qr-danger);font-size:.76rem}.qr-count{display:flex;gap:9px;margin-top:5px;color:var(--qr-muted);font-size:.75rem}.qr-color{display:block;width:100%;height:40px;padding:3px;border:1px solid #c8d9cf;border-radius:9px;background:#fff;cursor:pointer}.qr-upload{display:block;padding:12px;border:1px dashed #b9d0c1;border-radius:9px;background:var(--qr-soft);color:var(--qr-green);font-size:.79rem;font-weight:700;cursor:pointer}.qr-upload input{display:block;width:100%;margin-top:7px;font-size:.76rem}.qr-logo-options{margin-top:9px;padding:9px;border-radius:9px;background:var(--qr-soft)}.qr-link-button{padding:5px 0;border:0;background:transparent;color:var(--qr-green);font:700 .77rem/1 "Segoe UI",sans-serif;text-decoration:underline;cursor:pointer}.qr-logo-options output{float:right;color:var(--qr-muted);font-weight:500}.qr-logo-options input[type=range]{display:block;width:100%;accent-color:var(--qr-green)}
.qr-preview-column{min-width:0}.qr-preview{position:relative;display:flex;align-items:center;justify-content:center;min-height:min(72vh,760px);margin:0;padding:32px;border:1px solid #d4e2d9;border-radius:18px;background:repeating-conic-gradient(#f9fcfa 0 25%,#f0f6f2 0 50%) 50%/24px 24px;box-shadow:0 12px 30px rgba(20,55,36,.06)}.qr-artboard{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,620px);min-height:260px}.qr-artboard canvas{display:block;width:min(100%,620px);height:auto;background:#fff;box-shadow:0 18px 45px rgba(11,36,23,.2)}.qr-preview-empty{position:absolute;max-width:28ch;color:var(--qr-muted);font-size:.9rem;text-align:center}.qr-preview figcaption{position:absolute;bottom:11px;left:15px;color:#718277;font-size:.72rem}.qr-health{min-height:22px;margin:10px 0 0;color:var(--qr-muted);font-size:.8rem}.qr-health.good{color:var(--qr-green)}.qr-health.caution{color:var(--qr-warn)}.qr-health.high-risk,.qr-status.error{color:var(--qr-danger)}.qr-status{min-height:21px;margin:4px 0;color:var(--qr-muted);font-size:.8rem}.qr-encoded{margin-top:14px;border:1px solid var(--qr-line);border-radius:10px;background:#fff}.qr-encoded summary{padding:10px 12px;color:var(--qr-green);font-size:.8rem;font-weight:750;cursor:pointer}.qr-encoded pre{max-height:160px;overflow:auto;margin:0;padding:0 12px 12px;color:#475b50;font:500 .75rem/1.45 ui-monospace,SFMono-Regular,Consolas,monospace;white-space:pre-wrap;word-break:break-word}.qr-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
body.qr-generator-page footer{margin-top:0}.qr-generator-page.locale-urdu .qr-textarea{font-family:"Noto Nastaliq Urdu","Noto Naskh Arabic",serif}
@media(max-width:900px){.qr-shell{width:min(100% - 20px,680px);padding-top:20px}.qr-topbar{flex-direction:column}.qr-top-actions{width:100%}.qr-layout{display:flex;flex-direction:column}.qr-preview-column{order:-1;width:100%}.qr-preview{min-height:0;padding:18px}.qr-artboard{min-height:230px}.qr-panel{width:100%;box-sizing:border-box;max-height:none;overflow:visible}.qr-actions{display:grid;grid-template-columns:1fr 1fr}.qr-actions .qr-button{width:100%}}
@media(max-width:520px){.qr-shell{width:calc(100% - 20px)}.qr-topbar h1{font-size:1.85rem}.qr-control-grid{grid-template-columns:1fr}.qr-preview{padding:12px;border-radius:12px}.qr-actions{grid-template-columns:1fr}.qr-privacy{font-size:.78rem}}
@media(prefers-reduced-motion:reduce){.qr-button{transition:none}}