/* QR generator fresh tool redesign — Phase 1 tool-only */
.qr-flow-tool,
.qr-flow-tool * {
  box-sizing: border-box;
}

.qr-flow-tool {
  --qr-paper: #faf2e8;
  --qr-title: #fff3dc;
  --qr-title-soft: #fffaf0;
  --qr-panel: #fffdf7;
  --qr-panel-alt: #fff7e8;
  --qr-line: #6b5745;
  --qr-ink: #2b2119;
  --qr-muted: #6f6258;
  --qr-soft: #faecd4;
  --qr-cta: #f2e3d3;
  --qr-cta-strong: #e3efd2;
  --qr-blue: #dfeef8;
  --qr-shadow: rgba(43, 33, 25, .18);
  width: min(100%, 980px) !important;
  margin: 0 auto 30px !important;
  color: var(--qr-ink) !important;
  background:
    linear-gradient(90deg, rgba(107, 87, 69, .06) 1px, transparent 1px),
    linear-gradient(180deg, rgba(107, 87, 69, .06) 1px, transparent 1px),
    var(--qr-paper) !important;
  background-size: 22px 22px, 22px 22px, auto !important;
  border: 2px solid var(--qr-line) !important;
  border-radius: 0 !important;
  box-shadow: 4px 4px 0 var(--qr-shadow) !important;
  overflow: hidden !important;
  font-family: inherit !important;
}

.qr-flow-tool br {
  display: none !important;
}

.qr-flow-tool p,
.qr-flow-tool h2,
.qr-flow-tool h3,
.qr-flow-tool fieldset,
.qr-flow-tool legend {
  margin: 0 !important;
}

.qr-flow__title {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 14px !important;
  align-items: center !important;
  padding: 18px 20px 16px !important;
  background: linear-gradient(135deg, var(--qr-title-soft), var(--qr-title) 58%, var(--qr-soft)) !important;
  color: var(--qr-ink) !important;
  border: 0 !important;
  box-shadow: none !important;
}

.qr-flow__title-copy {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.qr-flow__eyebrow {
  width: fit-content !important;
  padding: 3px 8px !important;
  border: 1px solid rgba(107, 87, 69, .36) !important;
  background: var(--qr-panel) !important;
  color: var(--qr-line) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  font-weight: 900 !important;
  letter-spacing: -.02em !important;
}

.qr-flow__title h2 {
  color: var(--qr-ink) !important;
  font-size: clamp(25px, 3vw, 34px) !important;
  line-height: 1.05 !important;
  font-weight: 950 !important;
  letter-spacing: -.05em !important;
}

.qr-flow__title p:not(.qr-flow__eyebrow) {
  max-width: 720px !important;
  color: var(--qr-muted) !important;
  font-size: 14px !important;
  line-height: 1.55 !important;
  font-weight: 750 !important;
  letter-spacing: -.035em !important;
}

.qr-flow__title-meta {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(54px, 1fr)) !important;
  gap: 6px !important;
  align-items: stretch !important;
}

.qr-flow__title-meta span {
  display: grid !important;
  place-items: center !important;
  min-height: 28px !important;
  padding: 5px 9px !important;
  border: 1px solid rgba(107, 87, 69, .38) !important;
  background: var(--qr-panel) !important;
  color: var(--qr-ink) !important;
  font-size: 11px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.qr-flow__workspace {
  display: grid !important;
  grid-template-columns: minmax(320px, .94fr) minmax(340px, 1.06fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
  padding: 14px !important;
  border-top: 2px solid var(--qr-line) !important;
  background: var(--qr-panel-alt) !important;
}

.qr-flow__panel {
  display: flex !important;
  flex-direction: column !important;
  gap: 12px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 13px !important;
  border: 2px solid var(--qr-line) !important;
  border-radius: 0 !important;
  background: var(--qr-panel) !important;
  color: var(--qr-ink) !important;
  box-shadow: 2px 2px 0 rgba(107, 87, 69, .16) !important;
}

.qr-flow__panel--result {
  justify-content: flex-start !important;
}

.qr-flow__panel-head {
  display: grid !important;
  gap: 4px !important;
  padding-bottom: 9px !important;
  border-bottom: 1px dashed rgba(107, 87, 69, .44) !important;
}

.qr-flow__panel-head h3 {
  color: var(--qr-ink) !important;
  font-size: 18px !important;
  line-height: 1.1 !important;
  font-weight: 950 !important;
  letter-spacing: -.04em !important;
}

.qr-flow__panel-head p {
  color: var(--qr-muted) !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  font-weight: 750 !important;
}

.qr-flow__type {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
  padding: 0 !important;
  border: 0 !important;
  min-width: 0 !important;
}

.qr-flow__type legend {
  grid-column: 1 / -1 !important;
  color: var(--qr-ink) !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1.2 !important;
}

.qr-flow__type-chip {
  min-width: 0 !important;
  cursor: pointer !important;
}

.qr-flow__type-chip input {
  position: absolute !important;
  inline-size: 1px !important;
  block-size: 1px !important;
  opacity: 0 !important;
  font-weight: 950 !important;
  font-variation-settings: "wght" 950 !important;
  line-height: 1 !important;
}

.qr-flow__type-chip span,
.qr-flow__chip,
.qr-flow__button,
.qr-flow__icon-button {
  border-radius: 0 !important;
  appearance: none !important;
}

.qr-flow__type-chip span {
  display: grid !important;
  place-items: center !important;
  min-height: 38px !important;
  padding: 8px 7px !important;
  border: 2px solid rgba(107, 87, 69, .58) !important;
  background: var(--qr-panel-alt) !important;
  color: var(--qr-ink) !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  letter-spacing: -.035em !important;
  text-align: center !important;
  white-space: nowrap !important;
}

.qr-flow__type-chip input:focus-visible + span,
.qr-flow__chip:focus-visible,
.qr-flow__button:focus-visible,
.qr-flow__icon-button:focus-visible,
.qr-flow__control:focus-visible,
.qr-flow__range:focus-visible,
.qr-flow__color input:focus-visible {
  outline: 3px solid rgba(210, 170, 85, .56) !important;
  outline-offset: 2px !important;
}

.qr-flow__type-chip input:checked + span {
  background: var(--qr-cta) !important;
  border-color: var(--qr-line) !important;
  box-shadow: inset 0 -2px 0 rgba(107, 87, 69, .18) !important;
}

.qr-flow__mode-stack {
  display: grid !important;
  min-height: 0 !important;
}

.qr-flow__mode {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
}

.qr-flow__mode[hidden],
.qr-flow__info[hidden],
.qr-flow__scan-note[hidden],
.qr-flow__final[hidden],
.qr-flow__download[hidden] {
  display: none !important;
}

.qr-flow__label {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  color: var(--qr-ink) !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  letter-spacing: -.03em !important;
}

.qr-flow__label strong,
#sizeValue {
  color: var(--qr-muted) !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}

.qr-flow__control,
.qr-flow__range,
.qr-flow__color input {
  width: 100% !important;
  min-width: 0 !important;
  border-radius: 0 !important;
}

.qr-flow__control {
  min-height: 42px !important;
  padding: 9px 10px !important;
  border: 2px solid rgba(107, 87, 69, .72) !important;
  background: var(--qr-title-soft) !important;
  color: var(--qr-ink) !important;
  font-size: 15px !important;
  line-height: 1.35 !important;
  font-weight: 950 !important;
  font-variation-settings: "wght" 950 !important;
  font-variant-numeric: tabular-nums !important;
  letter-spacing: -.035em !important;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, .75) !important;
}

.qr-flow__control::placeholder {
  color: #a79a8d !important;
  opacity: 1 !important;
  font-weight: 650 !important;
  font-variation-settings: "wght" 650 !important;
}

.qr-flow__textarea {
  min-height: 108px !important;
  resize: vertical !important;
}

.qr-flow__help,
.qr-flow__counter {
  color: var(--qr-muted) !important;
  font-size: 12px !important;
  line-height: 1.42 !important;
  font-weight: 750 !important;
}

.qr-flow__counter {
  justify-self: end !important;
  min-height: 18px !important;
}

.qr-flow__quick-row {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 7px !important;
  align-items: stretch !important;
}

.qr-flow__quick-row--color {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.qr-flow__chip,
.qr-flow__button,
.qr-flow__icon-button {
  display: inline-grid !important;
  place-items: center !important;
  min-width: 0 !important;
  min-height: 38px !important;
  margin: 0 !important;
  padding: 8px 9px !important;
  border: 2px solid rgba(107, 87, 69, .7) !important;
  background: var(--qr-cta) !important;
  color: var(--qr-ink) !important;
  font-family: inherit !important;
  font-size: 12.5px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  font-variation-settings: "wght" 950 !important;
  letter-spacing: -.035em !important;
  text-decoration: none !important;
  text-align: center !important;
  white-space: nowrap !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

.qr-flow__chip:hover,
.qr-flow__button:hover,
.qr-flow__icon-button:hover {
  background: var(--qr-soft) !important;
  color: var(--qr-ink) !important;
}

.qr-flow__split {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
  align-items: end !important;
}

.qr-flow__split > div {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}

.qr-flow__password-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 62px !important;
  gap: 7px !important;
  align-items: stretch !important;
}

.qr-flow__icon-button {
  min-height: 42px !important;
  width: 100% !important;
}

.qr-flow__check {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 34px !important;
  padding: 7px 9px !important;
  border: 1px dashed rgba(107, 87, 69, .48) !important;
  background: var(--qr-soft) !important;
  color: var(--qr-ink) !important;
  font-size: 12.5px !important;
  line-height: 1.2 !important;
  font-weight: 850 !important;
  cursor: pointer !important;
}

.qr-flow__check input {
  width: 16px !important;
  height: 16px !important;
  accent-color: #6b5745 !important;
}

.qr-flow__settings {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, .8fr) !important;
  gap: 9px !important;
  padding: 10px !important;
  border: 1px dashed rgba(107, 87, 69, .48) !important;
  background: var(--qr-panel-alt) !important;
}

.qr-flow__setting {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
}

.qr-flow__setting--full,
.qr-flow__color-pickers {
  grid-column: 1 / -1 !important;
}

.qr-flow__setting--range .qr-flow__range {
  width: calc(100% - 6px) !important;
  justify-self: center !important;
}
.qr-flow__range {
  accent-color: #6b5745 !important;
  min-height: 26px !important;
  font-weight: 950 !important;
  font-variation-settings: "wght" 950 !important;
  line-height: 1 !important;
}

.qr-flow__color-pickers {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
}

.qr-flow__color {
  display: grid !important;
  grid-template-columns: 46px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 42px !important;
  padding: 6px 8px !important;
  border: 2px solid rgba(107, 87, 69, .56) !important;
  background: var(--qr-title-soft) !important;
  color: var(--qr-ink) !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
}

.qr-flow__color input {
  width: 42px !important;
  height: 28px !important;
  padding: 0 !important;
  border: 1px solid var(--qr-line) !important;
  background: transparent !important;
  font-weight: 950 !important;
  font-variation-settings: "wght" 950 !important;
  line-height: 1 !important;
}

.qr-flow__actions {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.18fr) !important;
  gap: 8px !important;
  align-items: stretch !important;
}

.qr-flow__button {
  min-height: 42px !important;
  width: 100% !important;
  font-size: 13px !important;
}

.qr-flow__button--secondary {
  background: var(--qr-panel-alt) !important;
}

.qr-flow__button--primary {
  background: var(--qr-cta) !important;
  border-color: var(--qr-line) !important;
}

.qr-flow__button--download {
  background: var(--qr-cta-strong) !important;
}

.qr-flow__preview-shell {
  position: relative !important;
  display: grid !important;
  place-items: center !important;
  min-height: 250px !important;
  padding: 12px !important;
  border: 2px solid rgba(107, 87, 69, .72) !important;
  background: var(--qr-title-soft) !important;
  overflow: hidden !important;
}

.qr-flow__preview {
  display: grid !important;
  place-items: center !important;
  width: 100% !important;
  min-height: 212px !important;
  max-width: 100% !important;
}

.qr-flow__preview canvas,
#qrcode canvas,
#qrcode table {
  display: block !important;
  max-width: min(100%, 280px) !important;
  max-height: 280px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto !important;
  border: 12px solid #fff !important;
  background: #fff !important;
  box-shadow: 2px 2px 0 rgba(107, 87, 69, .22) !important;
}

.qr-flow__preview img,
#qrcode img {
  max-width: min(100%, 280px) !important;
  max-height: 280px !important;
  width: auto !important;
  height: auto !important;
  margin: 0 auto !important;
  border: 12px solid #fff !important;
  background: #fff !important;
  box-shadow: 2px 2px 0 rgba(107, 87, 69, .22) !important;
}

#qrcode canvas + img {
  display: none !important;
}

.qr-flow__empty {
  position: absolute !important;
  inset: 12px !important;
  display: grid !important;
  place-items: center !important;
  align-content: center !important;
  gap: 8px !important;
  padding: 18px !important;
  color: var(--qr-muted) !important;
  text-align: center !important;
  pointer-events: none !important;
}

.qr-flow__empty[hidden] {
  display: none !important;
}

.qr-flow__empty span {
  color: var(--qr-muted) !important;
  font-size: 44px !important;
  line-height: 1 !important;
  font-weight: 950 !important;
}

.qr-flow__empty p,
.qr-flow__status,
.qr-flow__scan-note span {
  color: var(--qr-muted) !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  font-weight: 800 !important;
}

.qr-flow__status {
  min-height: 34px !important;
  display: flex !important;
  align-items: center !important;
  padding: 7px 9px !important;
  border: 1px dashed rgba(107, 87, 69, .48) !important;
  background: var(--qr-blue) !important;
}

.qr-flow__status[data-state="ready"],
.qr-flow__status[data-state="success"] {
  background: var(--qr-cta-strong) !important;
  color: var(--qr-ink) !important;
}

.qr-flow__status[data-state="error"] {
  background: rgba(249, 220, 205, .82) !important;
  color: #5a2d20 !important;
}

.qr-flow__info {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

.qr-flow__info div,
.qr-flow__scan-note,
.qr-flow__final,
.qr-flow__download {
  border: 1px solid rgba(107, 87, 69, .42) !important;
  background: var(--qr-panel-alt) !important;
  color: var(--qr-ink) !important;
}

.qr-flow__info div {
  display: grid !important;
  gap: 3px !important;
  min-height: 48px !important;
  padding: 8px !important;
}

.qr-flow__info span,
.qr-flow__download > span,
.final-result-label {
  color: var(--qr-muted) !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  font-weight: 900 !important;
}

.qr-flow__info strong,
.final-result-value {
  color: var(--qr-ink) !important;
  font-size: 13px !important;
  line-height: 1.2 !important;
  font-weight: 950 !important;
  word-break: break-word !important;
}

.qr-flow__scan-note {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 8px !important;
  align-items: center !important;
  padding: 9px !important;
}

.qr-flow__scan-note strong {
  color: var(--qr-ink) !important;
  font-size: 12px !important;
  line-height: 1.15 !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}

.qr-flow__final {
  display: grid !important;
  gap: 4px !important;
  min-height: 52px !important;
  padding: 9px !important;
  background: var(--qr-cta-strong) !important;
}

.qr-flow__download {
  display: grid !important;
  gap: 8px !important;
  padding: 9px !important;
}

.qr-flow__download-row {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}

@media (max-width: 900px) {
  .qr-flow-tool {
    width: min(100%, calc(100vw - 20px)) !important;
    margin-bottom: 24px !important;
  }

  .qr-flow__title,
  .qr-flow__workspace {
    grid-template-columns: 1fr !important;
  }

  .qr-flow__title-meta {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  }

  .qr-flow__workspace {
    padding: 12px !important;
  }

  .qr-flow__preview-shell {
    min-height: 230px !important;
  }
}

@media (max-width: 520px) {
  .qr-flow__title {
    padding: 15px 14px 13px !important;
  }

  .qr-flow__title-meta,
  .qr-flow__type,
  .qr-flow__quick-row,
  .qr-flow__quick-row--color,
  .qr-flow__settings,
  .qr-flow__split,
  .qr-flow__color-pickers,
  .qr-flow__actions,
  .qr-flow__download-row,
  .qr-flow__info {
    grid-template-columns: 1fr !important;
  }

  .qr-flow__panel {
    padding: 11px !important;
    gap: 10px !important;
  }

  .qr-flow__type-chip span,
  .qr-flow__chip,
  .qr-flow__button {
    min-height: 40px !important;
    white-space: normal !important;
  }

  .qr-flow__password-row {
    grid-template-columns: minmax(0, 1fr) 58px !important;
  }

  .qr-flow__preview-shell {
    min-height: 220px !important;
    padding: 10px !important;
  }

  .qr-flow__preview canvas,
  #qrcode canvas,
  #qrcode table,
  .qr-flow__preview img,
  #qrcode img {
    max-width: min(100%, 236px) !important;
    max-height: 236px !important;
  }
}

@media (max-width: 370px) {
  .qr-flow-tool {
    width: min(100%, calc(100vw - 16px)) !important;
  }

  .qr-flow__workspace {
    padding: 10px !important;
  }

  .qr-flow__title h2 {
    font-size: 24px !important;
  }
}

@media (prefers-color-scheme: dark) {
  body:not([data-scheme="light"]) .qr-flow-tool {
    --qr-paper: #201811;
    --qr-title: #2a2017;
    --qr-title-soft: #362719;
    --qr-panel: #2a2118;
    --qr-panel-alt: #33271c;
    --qr-line: #d8c1a1;
    --qr-ink: #fff4df;
    --qr-muted: #e2caa8;
    --qr-soft: #4a3623;
    --qr-cta: #4d3926;
    --qr-cta-strong: #344629;
    --qr-blue: #253c4c;
    --qr-shadow: rgba(0, 0, 0, .44);
  }
}

body[data-scheme="dark"] .qr-flow-tool,
body[data-scheme="inverse"] .qr-flow-tool,
html[data-scheme="dark"] .qr-flow-tool,
html[data-scheme="inverse"] .qr-flow-tool,
[data-l="dark"] .qr-flow-tool,
[data-d="dark"] .qr-flow-tool {
  --qr-paper: #201811;
  --qr-title: #2a2017;
  --qr-title-soft: #362719;
  --qr-panel: #2a2118;
  --qr-panel-alt: #33271c;
  --qr-line: #d8c1a1;
  --qr-ink: #fff4df;
  --qr-muted: #e2caa8;
  --qr-soft: #4a3623;
  --qr-cta: #4d3926;
  --qr-cta-strong: #344629;
  --qr-blue: #253c4c;
  --qr-shadow: rgba(0, 0, 0, .44);
}


body[data-scheme="dark"] .qr-flow__title,
body[data-scheme="inverse"] .qr-flow__title,
html[data-scheme="dark"] .qr-flow__title,
html[data-scheme="inverse"] .qr-flow__title,
[data-l="dark"] .qr-flow__title,
[data-d="dark"] .qr-flow__title {
  background: linear-gradient(135deg, #33261a, #2a2017 60%, #3a2a1b) !important;
}

body[data-scheme="dark"] .qr-flow__control,
body[data-scheme="inverse"] .qr-flow__control,
html[data-scheme="dark"] .qr-flow__control,
html[data-scheme="inverse"] .qr-flow__control,
body[data-scheme="dark"] .qr-flow__color,
body[data-scheme="inverse"] .qr-flow__color,
html[data-scheme="dark"] .qr-flow__color,
html[data-scheme="inverse"] .qr-flow__color {
  background: #241b13 !important;
  color: var(--qr-ink) !important;
  border-color: rgba(216, 193, 161, .72) !important;
}

body[data-scheme="dark"] .qr-flow__control::placeholder,
body[data-scheme="inverse"] .qr-flow__control::placeholder,
html[data-scheme="dark"] .qr-flow__control::placeholder,
html[data-scheme="inverse"] .qr-flow__control::placeholder {
  color: #c7ad8e !important;
}

body[data-scheme="dark"] .qr-flow__preview-shell,
body[data-scheme="inverse"] .qr-flow__preview-shell,
html[data-scheme="dark"] .qr-flow__preview-shell,
html[data-scheme="inverse"] .qr-flow__preview-shell {
  background: #241b13 !important;
  border-color: rgba(216, 193, 161, .74) !important;
}

body[data-scheme="dark"] .qr-flow__status,
body[data-scheme="inverse"] .qr-flow__status,
html[data-scheme="dark"] .qr-flow__status,
html[data-scheme="inverse"] .qr-flow__status {
  background: rgba(37, 60, 76, .78) !important;
  color: #f5e7cd !important;
}

body[data-scheme="dark"] .qr-flow__status[data-state="ready"],
body[data-scheme="dark"] .qr-flow__status[data-state="success"],
body[data-scheme="inverse"] .qr-flow__status[data-state="ready"],
body[data-scheme="inverse"] .qr-flow__status[data-state="success"],
html[data-scheme="dark"] .qr-flow__status[data-state="ready"],
html[data-scheme="dark"] .qr-flow__status[data-state="success"],
html[data-scheme="inverse"] .qr-flow__status[data-state="ready"],
html[data-scheme="inverse"] .qr-flow__status[data-state="success"] {
  background: rgba(52, 70, 41, .8) !important;
  color: #f6f0de !important;
}

body[data-scheme="dark"] .qr-flow__status[data-state="error"],
body[data-scheme="inverse"] .qr-flow__status[data-state="error"],
html[data-scheme="dark"] .qr-flow__status[data-state="error"],
html[data-scheme="inverse"] .qr-flow__status[data-state="error"] {
  background: rgba(94, 51, 35, .86) !important;
  color: #fff1dc !important;
}

body[data-scheme="dark"] .qr-flow__info div,
body[data-scheme="dark"] .qr-flow__scan-note,
body[data-scheme="dark"] .qr-flow__final,
body[data-scheme="dark"] .qr-flow__download,
body[data-scheme="inverse"] .qr-flow__info div,
body[data-scheme="inverse"] .qr-flow__scan-note,
body[data-scheme="inverse"] .qr-flow__final,
body[data-scheme="inverse"] .qr-flow__download,
html[data-scheme="dark"] .qr-flow__info div,
html[data-scheme="dark"] .qr-flow__scan-note,
html[data-scheme="dark"] .qr-flow__final,
html[data-scheme="dark"] .qr-flow__download,
html[data-scheme="inverse"] .qr-flow__info div,
html[data-scheme="inverse"] .qr-flow__scan-note,
html[data-scheme="inverse"] .qr-flow__final,
html[data-scheme="inverse"] .qr-flow__download {
  background: rgba(51, 39, 28, .82) !important;
  border-color: rgba(216, 193, 161, .52) !important;
}

body[data-scheme="dark"] .qr-flow__final,
body[data-scheme="inverse"] .qr-flow__final,
html[data-scheme="dark"] .qr-flow__final,
html[data-scheme="inverse"] .qr-flow__final {
  background: rgba(52, 70, 41, .82) !important;
}

body[data-scheme="dark"] .qr-flow__button--download,
body[data-scheme="inverse"] .qr-flow__button--download,
html[data-scheme="dark"] .qr-flow__button--download,
html[data-scheme="inverse"] .qr-flow__button--download {
  background: #344629 !important;
  color: #fff4df !important;
}

body[data-scheme="dark"] .qr-flow__button,
body[data-scheme="dark"] .qr-flow__chip,
body[data-scheme="dark"] .qr-flow__icon-button,
body[data-scheme="inverse"] .qr-flow__button,
body[data-scheme="inverse"] .qr-flow__chip,
body[data-scheme="inverse"] .qr-flow__icon-button,
html[data-scheme="dark"] .qr-flow__button,
html[data-scheme="dark"] .qr-flow__chip,
html[data-scheme="dark"] .qr-flow__icon-button,
html[data-scheme="inverse"] .qr-flow__button,
html[data-scheme="inverse"] .qr-flow__chip,
html[data-scheme="inverse"] .qr-flow__icon-button {
  background: #4d3926 !important;
  color: #fff4df !important;
  border-color: rgba(216, 193, 161, .74) !important;
}

body[data-scheme="dark"] .qr-flow__type-chip span,
body[data-scheme="inverse"] .qr-flow__type-chip span,
html[data-scheme="dark"] .qr-flow__type-chip span,
html[data-scheme="inverse"] .qr-flow__type-chip span,
body[data-scheme="dark"] .qr-flow__title-meta span,
body[data-scheme="inverse"] .qr-flow__title-meta span,
html[data-scheme="dark"] .qr-flow__title-meta span,
html[data-scheme="inverse"] .qr-flow__title-meta span,
body[data-scheme="dark"] .qr-flow__eyebrow,
body[data-scheme="inverse"] .qr-flow__eyebrow,
html[data-scheme="dark"] .qr-flow__eyebrow,
html[data-scheme="inverse"] .qr-flow__eyebrow {
  background: #3a2a1b !important;
  color: #fff4df !important;
  border-color: rgba(216, 193, 161, .62) !important;
}

body[data-scheme="dark"] .qr-flow__type-chip input:checked + span,
body[data-scheme="inverse"] .qr-flow__type-chip input:checked + span,
html[data-scheme="dark"] .qr-flow__type-chip input:checked + span,
html[data-scheme="inverse"] .qr-flow__type-chip input:checked + span {
  background: #4d3926 !important;
  color: #fff4df !important;
}