/* 8.ro */
.qr-wide { grid-column: 1 / -1; }
.qr-t { min-height: 6rem; }
.qr-set { margin: 0; padding: 0; border: 0; min-width: 0; display: flex; flex-direction: column; gap: 6px; }
.qr-set .seg-o span { min-width: 2.75rem; text-align: center; font-weight: 700; }
.qr-help { margin: 0; font-size: .8125rem; color: var(--muted); }
.qr-stage { display: grid; place-items: center; padding: 14px 18px 4px; }
.qr-view { width: min(100%, 300px); aspect-ratio: 1; border-radius: var(--r-s); background: #fff; box-shadow: 0 0 0 1px var(--line), var(--shadow); overflow: hidden; }
.qr-view svg { display: block; width: 100%; height: 100%; }
.qr-info { text-align: center; }
.qr-save { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; padding: 0 18px 14px; align-items: center; }
.qr-px { width: 8.5rem; }
.qr-text { margin: 0 18px 14px; padding: 10px 12px; border-radius: var(--r-s); background: var(--surface-2); font: .8125rem/1.5 var(--mono); white-space: pre-wrap; overflow-wrap: anywhere; max-height: 14rem; overflow: auto; }
@media (prefers-reduced-motion: no-preference) {
  .qr-view svg { animation: qr-in .25s var(--ease); }
  @keyframes qr-in { from { opacity: .4; } }
}