.qr-kind{flex-wrap:wrap;gap:4px 20px;display:flex}.qr-kind>legend{width:100%}.qr-wifi>.field,.qr-wifi>.check{margin-top:12px}#qr-url,#qr-pass{font:inherit;border:1.5px solid var(--line);background:var(--bg);min-height:44px;color:var(--ink);border-radius:10px;width:100%;padding:8px 12px}.qr-preview{aspect-ratio:1;border:1.5px dashed var(--line);border-radius:var(--radius);background:var(--bg);place-items:center;width:100%;max-width:360px;margin:12px auto;display:grid;overflow:hidden}.qr-preview canvas:not([hidden]){width:100%;height:auto;image-rendering:pixelated;display:block}.qr-preview:has(canvas:not([hidden])){border-style:solid}.qr-empty{text-align:center;color:var(--ink-soft);margin:0;padding:16px}.qr-empty[hidden],#qr-warn[hidden]{display:none}