.qr-layout{gap:1.25rem;display:grid}.qr-preview-sticky{min-width:0}.qr-preset-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;display:grid}.qr-preview{border:1px solid var(--color-brand-line);background:#fff;border-radius:.75rem;place-items:center;min-height:18rem;padding:1rem;display:grid;overflow:hidden}.qr-preview--transparent{background-color:#fff;background-image:linear-gradient(45deg,#edf0f2 25%,#0000 25%),linear-gradient(-45deg,#edf0f2 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#edf0f2 75%),linear-gradient(-45deg,#0000 75%,#edf0f2 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.qr-preview--surface-dark{background-color:#20252b}.qr-preview--surface-dark.qr-preview--transparent{background-color:#20252b;background-image:linear-gradient(45deg,#343b43 25%,#0000 25%),linear-gradient(-45deg,#343b43 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#343b43 75%),linear-gradient(-45deg,#0000 75%,#343b43 75%)}.qr-surface-button,.qr-load-more,.qr-filter-reset{border:1px solid var(--color-brand-line);background:#fff;border-radius:.5rem;padding:.4rem .7rem;font-size:.8125rem}.qr-surface-button[aria-pressed=true]{border-color:var(--color-brand-primary);color:var(--color-brand-primary)}.qr-popular-icons{flex-wrap:wrap;gap:.5rem;display:flex}.qr-popular-icons>.smui-tooltip{flex:none}.qr-icon-choice{border:1px solid var(--color-brand-line);width:3.25rem;height:3.25rem;color:var(--color-brand-text-secondary);background:#fff;border-radius:.625rem;justify-content:center;align-items:center;padding:.625rem;display:flex;position:relative}.qr-icon-choice:hover,.qr-icon-choice:focus-visible{border-color:var(--color-brand-primary);outline:none}.qr-icon-choice img{object-fit:contain;width:100%;height:100%}.qr-icon-choice--system{background:var(--color-brand-bg-secondary)}.qr-icon-choice--catalog{padding:.75rem}.qr-icon-choice--unavailable{cursor:not-allowed;opacity:.42}.qr-icon-count{background:var(--color-brand-primary);color:#fff;border-radius:999px;padding:.1rem .3rem;font-size:.55rem;font-weight:700;line-height:1.15;position:absolute;bottom:-.3rem;right:-.35rem}.qr-icon-choice[aria-pressed=true],[data-logo-preset][aria-pressed=true]{border-color:var(--color-brand-primary);box-shadow:0 0 0 1px var(--color-brand-primary)}.qr-icon-dialog{border:0;border-radius:1rem;width:min(68rem,100vw - 2rem);max-height:calc(100vh - 2rem);padding:1.25rem;box-shadow:0 1rem 4rem #00000040}.qr-icon-dialog::backdrop{background:#00000073}.qr-icon-dialog__header{justify-content:space-between;gap:1rem;margin-bottom:1rem;display:flex}.qr-dialog-close{font-size:2rem;line-height:1}.qr-category-list{flex-wrap:wrap;gap:.4rem;padding:.75rem 0;display:flex}.qr-catalog-toolbar{border-top:1px solid var(--color-brand-line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;display:flex}.qr-filter-reset{color:var(--color-brand-primary)}.qr-icon-results{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.5rem;margin:.75rem 0;display:grid}.qr-icon-card{border:1px solid var(--color-brand-line);background:#fff;border-radius:.6rem;place-items:center;gap:.4rem;min-width:0;min-height:6.5rem;padding:.55rem;display:grid}.qr-icon-card:hover,.qr-icon-card:focus-visible{border-color:var(--color-brand-primary)}.qr-icon-card img{object-fit:contain;width:2.25rem;height:2.25rem}.qr-icon-image--monochrome{filter:grayscale()brightness(0)}.qr-icon-card span{text-overflow:ellipsis;white-space:nowrap;text-align:center;width:100%;font-size:.7rem;overflow:hidden}.qr-load-more{margin:0 auto;display:block}.qr-preview canvas,.qr-preview svg{width:min(100%,22.5rem);max-width:100%;height:auto}.qr-color-field{gap:.375rem;display:grid}.qr-color-field__controls{grid-template-columns:3rem minmax(0,1fr);gap:.5rem;display:grid}.qr-color-field input[type=color]{border:1px solid var(--color-brand-gray-input);background:#fff;border-radius:.5rem;width:3rem;height:3rem;padding:.25rem}.qr-details{border-top:1px solid var(--color-brand-line);padding-top:1rem}.qr-details summary{cursor:pointer;color:var(--color-brand-primary);font-weight:600}.qr-logo-upload{gap:.625rem;display:grid}.qr-logo-upload input[type=file]{border:1px dashed var(--color-brand-gray-input);background:var(--color-brand-bg-secondary);border-radius:.5rem;width:100%;min-width:0;padding:.75rem}@media (width>=1024px){.qr-layout{grid-template-columns:minmax(0,1fr) minmax(20rem,26rem);align-items:start;gap:1.5rem}.qr-preview-sticky{position:sticky;top:7.5rem}}@media (width<=374px){.qr-preview{min-height:15rem;padding:.5rem}}