.qr-result-wrap{border-radius:var(--r-md);background:#fff;justify-content:center;margin-bottom:12px;padding:16px;display:flex}.qr-result-wrap canvas{max-width:100%;height:auto;display:block}#qr-logo-clear{margin-top:-6px;margin-bottom:10px}#wa-html-snippet{min-height:70px;font-family:ui-monospace,Courier New,monospace;font-size:.78rem}#payload-preview{font-family:ui-monospace,Courier New,monospace;font-size:.78rem}.qr-pick{border:1px solid var(--card-border);border-radius:var(--r-md);background:rgb(var(--ink) / .03);cursor:pointer;align-items:center;gap:12px;min-height:48px;padding:8px 14px 8px 8px;transition:border-color .15s,background .15s;display:flex;position:relative}.qr-pick:hover{border-color:var(--accent);background:#38bdf80f}.qr-pick:focus-within{outline:2px solid var(--accent);outline-offset:2px}.qr-pick input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.qr-swatch,.qr-logo-icon{width:32px;height:32px;transition:transform .35s var(--spring);border-radius:9px;flex-shrink:0}.qr-swatch{box-shadow:inset 0 0 0 1px rgb(var(--ink) / .25), 0 6px 14px -6px rgb(var(--shade) / calc(.8 * var(--shade-a)));background:#000}.qr-logo-icon{background:var(--accent-gradient);color:var(--on-accent);place-items:center;display:grid;overflow:hidden}.qr-logo-icon img{object-fit:cover;background:#fff;width:100%;height:100%}.qr-logo-icon img:not([hidden])+svg{display:none}.qr-pick:hover .qr-swatch,.qr-pick:hover .qr-logo-icon{transform:scale(1.1)rotate(-6deg)}.qr-pick-text{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--fg);font-variant-numeric:tabular-nums;font-size:.88rem;font-weight:650;overflow:hidden}.qr-result-wrap{position:relative;overflow:hidden}.qr-result-wrap:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#38bdf800 70%,#38bdf847 96%,#38bdf8e6 100%);position:absolute;inset:0;transform:translateY(-101%)}@media (prefers-reduced-motion:no-preference){.qr-result-wrap.is-scan:after{animation:qr-scan .9s var(--ease)}.qr-result-wrap.is-scan canvas{animation:qr-pop .55s var(--spring)}#app .tab-panel:not([hidden]){animation:qr-panel-in .35s var(--ease)}}@keyframes qr-scan{0%{transform:translateY(-101%)}to{transform:translateY(101%)}}@keyframes qr-pop{0%{opacity:.4;transform:scale(.94)}}@keyframes qr-panel-in{0%{opacity:0;transform:translateY(6px)}}