.cr-qr-stage{min-height:420px}.cr-qr-preview{width:min(100%,440px);height:auto;aspect-ratio:1;border-radius:var(--radius-m);box-shadow:var(--shadow-m);border:1.5px solid var(--color-edge)}.cr-qr-text{min-height:96px;font-size:var(--text-s)}.cr-qr-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.cr-qr-presets button{justify-content:flex-start;gap:8px;min-height:44px;padding:6px 8px;font-size:var(--text-xs)}.cr-qr-presets button>span{display:grid;place-items:center;width:22px;height:22px;border-radius:5px;border:1px solid var(--color-line-strong);flex-shrink:0}.cr-qr-presets button>span>span{width:10px;height:10px;border-radius:2px}.cr-qr-logo{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.cr-qr-logo img{width:56px;height:56px;object-fit:contain;border:1.5px solid var(--color-line-strong);border-radius:var(--radius-m);background:repeating-conic-gradient(var(--color-sunken) 0 25%,var(--color-bg) 0 50%) 0 0 /12px 12px}.cr-qr-file{cursor:pointer;align-self:flex-start}.cr-qr-file:has(+input:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.cr-qr-hint{color:var(--color-muted);font-size:var(--text-xs);line-height:1.5}.cr-qr-warnings{display:grid;gap:var(--space-2);margin:0;padding:0;list-style:none}.cr-qr-warnings li{display:flex;gap:var(--space-2);align-items:flex-start;font-size:var(--text-xs)}.cr-qr-warnings svg{margin-top:2px}@media (max-width:560px){.cr-qr-stage{min-height:0}.cr-qr-presets{grid-template-columns:repeat(2,minmax(0,1fr))}}