.qr-tool{max-width:900px;margin:auto}.qr-tool h1{max-width:22ch}.qr-tool .qr-lead{font-size:1.2rem}.qr-tool .qr-controls{display:flex;flex-wrap:wrap;gap:12px;margin:20px 0}.qr-tool input{max-width:100%}.qr-tool .qr-format{background:#f6f4ee;padding:20px;border-left:3px solid #35654c}.qr-tool pre{overflow:auto}.qr-tool #qr-results{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:24px}.qr-tool #qr-results section{border-top:1px solid #c5c9c0;padding-top:12px;min-width:0}.qr-tool #qr-results img{width:min(100%,260px);height:auto;background:white}.qr-tool .qr-target{overflow-wrap:anywhere;font-family:monospace}.qr-tool #qr-status{min-height:3em}.qr-tool button:focus-visible,.qr-tool input:focus-visible{outline:3px solid #35654c;outline-offset:4px}.qr-tool .qr-warning{line-height:1.7}.qr-tool button:disabled{opacity:.55}