.qr-panes{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}.visual-choices{border:0;min-width:0;margin:0 0 20px;padding:0}.visual-choices legend{margin-bottom:8px;font-size:.875rem;font-weight:600}.visual-choices>div{gap:8px;display:flex}.visual-choices label{cursor:pointer;flex:1;position:relative}.visual-choices input{opacity:0;width:1px;height:1px;position:absolute}.visual-choice{border:1px solid var(--line);color:var(--ink);background:var(--paper);border-radius:9px;justify-items:center;gap:8px;padding:14px 6px 10px;font-size:.8rem;display:grid}.visual-choices input:checked+.visual-choice{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:var(--soft);color:var(--blue)}.visual-choices input:focus-visible+.visual-choice{outline:3px solid var(--blue);outline-offset:3px}.qr-logo-thumbnail{object-fit:contain;border:1px solid var(--line);background:#fff;border-radius:8px;margin-top:12px;padding:6px}#qr-logo-spacing{accent-color:var(--blue);width:100%;min-height:44px}.qr-result{position:sticky;top:24px}.qr-empty{text-align:center;min-height:280px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.qr-empty p{max-width:240px;font-size:.9rem}#qr-preview{aspect-ratio:1;width:100%;max-width:320px;height:auto;image-rendering:pixelated;margin:0 auto;display:block}.qr-colors input{cursor:pointer;height:46px;min-height:44px;padding:4px}#qr-payload{white-space:pre-wrap;overflow-wrap:anywhere;color:var(--ink);max-height:220px;font:.8rem/1.6 ui-monospace,monospace;overflow-y:auto}.qr-result .result-actions .button{flex:auto;justify-content:center}.qr-result a[aria-disabled=true]{opacity:.5;pointer-events:none}@media (width<=760px){.qr-panes{grid-template-columns:1fr}.qr-result{position:static}.qr-panes input:not([type=checkbox]),.qr-panes select,.qr-panes textarea{font-size:1rem}}