.qr-code[data-v-3a9a3d71]{border:1px solid var(--border);border-radius:10px;flex:none;justify-content:center;align-items:center;padding:8px;display:flex}.qr-code[data-v-3a9a3d71] svg{width:100%;height:100%;display:block}.qr-tool__heading[data-v-7454e78b]{margin-bottom:20px;font-size:1.25rem}.qr-tool__main[data-v-7454e78b]{flex-wrap:wrap;align-items:flex-start;gap:20px;display:flex}.qr-tool__side[data-v-7454e78b]{flex-direction:column;flex:220px;gap:12px;display:flex}.qr-tool__settings-details[data-v-7454e78b]{border:1px solid var(--border);background:var(--snow);color:var(--text);border-radius:10px;padding:0 12px 12px}.qr-tool__settings-summary[data-v-7454e78b]{cursor:pointer;color:var(--text);padding:10px 0;font-weight:600;list-style:none}.qr-tool__settings-summary[data-v-7454e78b]::-webkit-details-marker{display:none}.qr-tool--full .qr-tool__settings-body[data-v-7454e78b]{padding-top:4px}.qr-tool__color-row[data-v-7454e78b]{flex-wrap:wrap;gap:12px;margin-bottom:12px;display:flex}.qr-tool__color[data-v-7454e78b]{color:var(--text);align-items:center;gap:8px;font-size:.875rem;display:flex}.qr-tool__color input[type=color][data-v-7454e78b]{border:1px solid var(--border);cursor:pointer;border-radius:6px;width:40px;height:32px;padding:0}.qr-tool__recent-row[data-v-7454e78b]{flex-wrap:wrap;gap:6px;margin:0 0 12px;display:flex}.qr-tool__recent-swatch[data-v-7454e78b]{border:1px solid var(--border);cursor:pointer;border-radius:999px;width:22px;height:22px}.qr-tool__ec-label[data-v-7454e78b]{color:var(--text);justify-content:space-between;margin-bottom:6px;font-size:.875rem;font-weight:600;display:flex}.qr-tool__ec-value[data-v-7454e78b]{color:var(--brand);font-family:ui-monospace,monospace}.qr-tool__ec-slider[data-v-7454e78b]{width:100%;accent-color:var(--brand);margin-bottom:4px}.qr-tool__ec-scale[data-v-7454e78b]{color:var(--text-light);justify-content:space-between;font-size:.75rem;display:flex}.qr-tool__ec-hint[data-v-7454e78b],.qr-tool__contrast[data-v-7454e78b],.qr-tool__ec-suggest[data-v-7454e78b]{font-size:.8rem}.qr-tool__contrast[data-v-7454e78b]{margin:0 0 10px}.qr-tool__contrast--low[data-v-7454e78b]{color:var(--lightningcss-light,oklch(42% .14 55))var(--lightningcss-dark,oklch(78% .1 85));font-weight:600}.qr-tool__contrast--aaLarge[data-v-7454e78b]{color:var(--text-light)}.qr-tool__contrast--aa[data-v-7454e78b],.qr-tool__contrast--aaa[data-v-7454e78b]{color:var(--lightningcss-light,oklch(36% .12 145))var(--lightningcss-dark,oklch(72% .12 145));font-weight:600}.qr-tool__ec-hint[data-v-7454e78b],.qr-tool__ec-suggest[data-v-7454e78b]{color:var(--text-light)}.qr-tool__ec-suggest[data-v-7454e78b]{margin-top:8px}.qr-tool__actions[data-v-7454e78b]{grid-template-columns:1fr 1fr;gap:6px;display:grid}.qr-btn[data-v-7454e78b]{appearance:none;font:inherit;color:var(--text);background:color-mix(in oklab, var(--snow) 92%, transparent);border:1px solid color-mix(in oklab, var(--pitch) 12%, transparent);cursor:pointer;white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:.875rem;font-weight:500;line-height:1.2;transition:background .15s,border-color .15s,color .15s,transform .1s;display:inline-flex}.qr-btn[data-v-7454e78b]:hover:not(:disabled){background:var(--snow);border-color:color-mix(in oklab, var(--brand) 40%, transparent)}.qr-btn[data-v-7454e78b]:disabled{opacity:.45;cursor:not-allowed}.qr-btn[data-v-7454e78b]:active:not(:disabled){transform:scale(.98)}.qr-btn[data-v-7454e78b]:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.qr-btn.is-copied[data-v-7454e78b]{background:var(--positive);border-color:var(--positive);color:#fff}.container--result .qr-tool__settings-details[data-v-7454e78b]{box-shadow:0 2px 8px color-mix(in oklab, var(--black) 18%, transparent)}.container--result .qr-btn[data-v-7454e78b]{background:var(--snow);border:1px solid var(--border);color:var(--text)}.container--result .qr-btn[data-v-7454e78b]:hover:not(:disabled){background:var(--white);border-color:var(--brand)}@media (width<=540px){.qr-tool__main[data-v-7454e78b]{flex-direction:column;align-items:stretch}.qr-tool__main[data-v-7454e78b] .qr-code{align-self:center}}.favicon[data-v-6a71dd22]{vertical-align:-.15em;object-fit:contain;background:0 0;border-radius:2px;flex-shrink:0;width:1em;height:1em;display:inline-block}