/* ==========================================================================
   FormReady — QR Generator page styles (tools/qr-generator.html only)
   Owner: Kai (Frontend) · Load order: styles.css → components.css →
   motion.css → THIS FILE (page sheet last, as on the sibling tools).
   Uses design tokens only — no new colours, no redefined components
   (docs/design-system.md §6 contract).
   ========================================================================== */

/* Preview canvas: internal render is 512 px; CSS caps its display
   width and keeps the modules crisp. White ground is part of the QR
   (quiet zone), never the page background. */
.qr-preview-canvas {
  width: 100%;
  max-width: 320px;
  height: auto;
  margin-inline: auto;
  background: #ffffff;
  border-radius: var(--radius-sm);
  image-rendering: pixelated;
}

/* Wi-Fi "hidden network" checkbox row — a plain, roomy tap target
   (no checkbox component exists in components.css). */
.qr-check {
  display: flex;
  align-items: center;
  gap: var(--space-3);
  min-height: 44px;
  font-weight: 700;
  font-size: var(--text-sm);
  cursor: pointer;
}
.qr-check input {
  width: 22px;
  height: 22px;
  flex-shrink: 0;
  accent-color: var(--color-primary);
}