.qr-grid[data-v-8d2984e2]{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"content" "preview" "style";gap:24px;align-items:start}.qr-content[data-v-8d2984e2]{grid-area:content}.qr-style[data-v-8d2984e2]{grid-area:style}.qr-preview[data-v-8d2984e2]{grid-area:preview;min-width:0}@media(min-width:1280px){.qr-grid[data-v-8d2984e2]{grid-template-columns:minmax(0,1fr) 360px;grid-template-areas:"content preview" "style preview"}.qr-preview[data-v-8d2984e2]{position:sticky;top:96px}}.qr-box[data-v-8d2984e2]{aspect-ratio:1;max-width:100%;display:grid;place-items:center}.qr-box[data-v-8d2984e2] svg,.qr-box[data-v-8d2984e2] canvas{width:100%!important;height:auto!important;display:block}.qr-shape[data-v-8d2984e2]{display:flex;flex-direction:column;align-items:center;gap:6px;min-height:44px;padding:10px 6px 8px;font-size:11px;line-height:1.1;color:var(--tid-graphite-900);background:var(--tid-ice);border:1px solid var(--border);cursor:pointer}.qr-shape[data-v-8d2984e2]:hover{border-color:var(--border-strong)}.qr-shape[aria-pressed=true][data-v-8d2984e2]{border-color:var(--tid-blue-700);background:var(--tid-blue-50);color:var(--tid-blue-700)}