/* QR Code Generator */
.qr-h { margin: 0 0 12px; font-size: 18px; }
.qr-cols .col-main .qr-h:not(:first-child) { margin-top: 22px; }
.qr-type { margin-top: 14px; }
.qr-hint { margin: 2px 0 0; color: var(--muted); font-size: 13px; font-weight: 500; }
.qr-check { align-self: end; min-height: 44px; }
.qr-check input { width: 20px; height: 20px; }
.qr-cols input[type="color"] { width: 48px; height: 40px; padding: 2px; border: 1px solid var(--field); border-radius: 8px; background: var(--surface); }
.qr-stage { display: flex; justify-content: center; padding: 12px; border-radius: 14px; background: var(--soft); }
.qr-stage canvas { width: 100%; max-width: 300px; height: auto; image-rendering: pixelated; border-radius: 4px; }
.qr-data { margin: 10px 0 0; font-weight: 600; overflow-wrap: anywhere; text-align: center; }
.qr-side .qr-hint { text-align: center; }
.qr-recent h2 { margin: 0 0 4px; font-size: 20px; }
.qr-recent canvas.thumb { width: 52px; height: 52px; image-rendering: pixelated; }
.qr-recent .file-row .btn { min-height: 38px; }