/* === QR Code Page Layout Fix === */

/* Ensure left (fields) and right (QR) appear side-by-side */
@media (min-width: 768px) {
  .tool .row.mt-4 {
    display: flex;
    align-items: flex-start;
    gap: 2rem;
  }

  .tool .row.mt-4 > .col-md-6:first-child {
    flex: 1 1 45%;
  }

  .tool .row.mt-4 > .col-md-6:last-child {
    flex: 1 1 45%;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

/* Add breathing space and border to QR preview */
.preview-card {
  background: var(--card-bg, rgba(255, 255, 255, 0.1));
  border-radius: 12px;
  padding: 20px !important;
  margin: 10px auto;
  display: inline-block;
}