.qr{margin-top:1rem}.qr [hidden]{display:none!important}.qr__layout{grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}@media (width>=960px){.qr__layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.25rem}.qr__result{position:sticky;top:1rem}}.qr__card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);gap:1rem;padding:clamp(1.25rem,3vw,1.75rem);display:grid}.qr__block,.qr__panel{gap:.5rem;min-width:0;display:grid}.qr__label{margin:0;font-size:.875rem;font-weight:700}.qr__kinds{flex-wrap:wrap}.qr__panel input[type=text],.qr__panel textarea,.qr__number,.qr__select{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-2);width:100%;color:var(--color-text);font:inherit;padding:.625rem .875rem}.qr__panel textarea{resize:vertical}.qr__panel [aria-invalid=true],.qr__number[aria-invalid=true]{border-color:var(--color-error)}.qr__chip{justify-self:start}.qr__settings{border-top:1px solid var(--color-border);flex-wrap:wrap;align-items:flex-end;gap:1rem 1.5rem;padding-top:1rem;display:flex}.qr__number{text-align:center;font-variant-numeric:tabular-nums;width:6rem}.qr__select{width:auto}.qr__settings input[type=color]{border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:0 0;width:3rem;height:2.25rem;padding:0}.qr__note{color:var(--color-muted);flex-basis:100%;margin:0;font-size:.8125rem}.qr__result{justify-items:start}.qr__empty{color:var(--color-muted);margin:2rem 0;font-size:1.0625rem;font-weight:600}.qr__problem{border:1px solid var(--color-error);border-radius:var(--radius);color:var(--color-error);margin:0;padding:.75rem 1rem;font-weight:600}.qr__frame{border:1px solid var(--color-border);border-radius:var(--radius);background:#fff;justify-self:center;place-items:center;max-width:100%;padding:.75rem}.qr__frame canvas{width:min(100%,26rem);height:auto;image-rendering:pixelated;display:block}.qr__info{color:var(--color-muted);font-variant-numeric:tabular-nums;margin:0;font-size:.875rem}.qr__warnings{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface-2);gap:.5rem;margin:0;padding:.75rem 1rem .75rem 2rem;font-size:.9375rem;display:grid}.qr__actions{flex-wrap:wrap;gap:.5rem;display:flex}