.qr-input{width:100%;min-height:150px;resize:vertical;padding:12px;border:1px solid #aebaaa;border-radius:5px;font:inherit;line-height:1.5;background:#fff;color:#17231f}
.qr-count{font-variant-numeric:tabular-nums}
.qr-result{margin-top:22px;text-align:center}
.qr-result[hidden]{display:none}
.qr-result canvas{display:block;width:min(100%,320px);height:auto;margin:0 auto;background:#fff;image-rendering:pixelated}
.qr-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}
.qr-actions .btn{flex:1;min-width:140px}
.qr-status{min-height:3em}
@media(max-width:420px){.qr-actions .btn{width:100%}}