.qr-type-fields[hidden],.qr-result[hidden]{display:none}.qr-type-fields{display:grid;gap:18px}.qr-type-fields[data-qr-fields]{margin-top:18px}.qr-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px;row-gap:18px;margin-top:24px}.qr-options-grid .tool-field{gap:8px}.qr-option-hint{margin:0;color:var(--muted);font-size:.75rem;line-height:1.5}.qr-actions .btn-solid,.qr-actions .btn-outline{width:120px;white-space:nowrap}.qr-preview{display:grid;place-items:center;min-height:280px;padding:18px;border:1px solid var(--border);border-radius:12px;background:var(--soft)}.qr-preview canvas{display:block;max-width:100%;height:auto;image-rendering:pixelated}.qr-result-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}@media(max-width:640px){.qr-options-grid{grid-template-columns:1fr}.qr-preview{min-height:220px;padding:14px}}