.qr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px}.qr-controls,.qr-output{min-width:0}.qr-controls label:not(.control-label){display:block;font-weight:600;margin:16px 0 8px}.qr-controls input,.qr-controls textarea,.qr-controls select,.qr-controls>select{width:100%;min-height:48px;border:1px solid #718477;border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;padding:12px}.qr-controls textarea{resize:vertical;min-height:120px}.qr-controls :is(input,textarea,select):focus-visible{outline:3px solid #176d61;outline-offset:3px}.qr-controls [aria-invalid=true]{border:2px solid #9d2727}.qr-output h2{font-size:22px}.qr-image{aspect-ratio:1;background:#fff;border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;justify-content:center;min-width:0}.qr-image p{padding:20px;text-align:center;color:var(--muted)}#qr-preview{display:block;width:100%;height:auto;image-rendering:pixelated}#qr-status{min-height:76px;font-size:14px;margin:16px 0;line-height:1.6}.qr-controls .fine{margin:8px 0 18px}.qr-output .utility-actions{margin-top:0}@media(max-width:640px){.qr-grid{grid-template-columns:1fr;gap:24px}.qr-image{width:min(100%,340px);margin-inline:auto}.qr-output .button{flex:1}}
.qr-final-url{font-size:14px;line-height:1.6;overflow-wrap:anywhere}.qr-final-url strong,.qr-final-url span{display:block}