.qr-main{max-width:1280px}.qr-intro{padding:64px 0 36px}.qr-intro h1{margin-bottom:18px;font-size:clamp(2.6rem,5vw,4.5rem)}.qr-intro .eyebrow{margin-bottom:18px}.qr-intro .lead{max-width:690px;font-size:1.05rem}.qr-privacy{color:#a0d8c8;font-size:.85rem}.qr-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:28px;padding-bottom:64px;display:grid}.qr-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-width:0;padding:28px}.qr-panel h2{font-size:1.5rem}.qr-controls fieldset{border:0;border-top:1px solid var(--border);min-width:0;margin:0;padding:20px 0}.qr-controls legend{padding:0 12px 0 0;font-weight:650}.qr-controls legend span{color:var(--accent);margin-right:10px;font:.8rem Consolas,monospace}.qr-controls label,.qr-export label{margin-bottom:6px;font-size:.85rem;font-weight:600;display:block}.qr-controls select,.qr-controls input:not([type=checkbox]),.qr-controls textarea,.qr-export select{width:100%;min-height:44px;color:var(--text);font:inherit;background:#0e1c27;border:1px solid #485b68;border-radius:6px;margin-bottom:14px;padding:10px 12px;font-size:.92rem;display:block}.qr-controls textarea{resize:vertical}.qr-controls input[type=file]{padding:8px;overflow:hidden}.qr-controls input[type=file]::file-selector-button{cursor:pointer;border:0;border-radius:3px;margin-right:8px;padding:6px 9px}.qr-controls .qr-checkbox{align-items:center;gap:10px;min-height:44px;display:flex}.qr-checkbox input{width:18px;height:18px}.qr-help{color:var(--muted);margin:0 0 16px;font-size:.78rem;line-height:1.6}.qr-field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.qr-icon-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;margin:14px 0 20px;display:grid}.qr-icon{aspect-ratio:1;border:1px solid var(--border);background:#0e1c27;border-radius:6px;place-items:center;width:100%;min-height:36px;padding:7px;display:grid}.qr-icon svg{width:24px;max-width:100%;height:24px}.qr-icon:hover,.qr-icon[aria-pressed=true]{border-color:var(--accent);background:#22413e}.qr-controls>.button{width:100%}.qr-preview-panel{position:sticky;top:24px}.qr-preview-heading{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:20px;display:flex}.qr-preview-heading h2{margin:0}.qr-preview{aspect-ratio:1;color:#123d42;background:#fff;border-radius:8px;place-items:center;width:100%;display:grid;overflow:hidden}.qr-preview svg{width:100%;height:auto;display:block}.qr-preview p{text-align:center;margin:0;padding:25px}.qr-status{color:#a0d8c8;min-height:2.8em;margin:16px 0;font-size:.85rem}.qr-status.error,#image-status.error{color:#ffb2a8}.qr-preview.is-stale{opacity:.45}.qr-export{border-top:1px solid var(--border);padding-top:16px}.qr-export-buttons{flex-wrap:wrap;gap:12px;display:flex}.qr-export-buttons .button{white-space:nowrap;flex:1;gap:8px}.qr-scan-note{border-top:1px solid var(--border);color:var(--muted);margin-top:24px;padding-top:20px;font-size:.8rem}.qr-scan-note strong{color:var(--text)}.qr-scan-note p{margin:8px 0}.qr-total{text-align:center;color:var(--muted);margin:-20px 0 36px;font-size:.82rem}@media (width<=960px){.qr-workspace{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.qr-panel{padding:20px}.qr-icon-grid{grid-template-columns:repeat(6,minmax(0,1fr))}}@media (width<=760px){.qr-workspace{grid-template-columns:1fr}.qr-preview-panel{position:static}.qr-preview{max-width:540px;margin-inline:auto}.qr-icon-grid{grid-template-columns:repeat(8,minmax(0,1fr))}}@media (width<=420px){.qr-field-row{grid-template-columns:1fr;gap:0}.qr-icon-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.qr-panel{padding:16px}.qr-intro{padding-top:40px}}