.qr-price{--r:24px;--tint:.46;gap:2px;min-width:250px;margin:0;padding:18px 20px;display:grid}.qr-price div{border-bottom:1px solid var(--border-soft);justify-content:space-between;gap:20px;padding:9px 0;font-size:14px;display:flex}.qr-price div:last-child{border-bottom:0}.qr-price dt{color:var(--text-2)}.qr-price dd{font-family:var(--font-mono);color:var(--text);margin:0;font-size:13px}.qr-stage{aspect-ratio:1;place-items:center;padding:clamp(18px,3vw,34px);display:grid;position:relative;overflow:hidden}.qr-stage.is-on:before{content:"";filter:blur(18px);pointer-events:none;background:radial-gradient(closest-side,#ffd2a029,#0000);border-radius:40%;position:absolute;inset:12%}.qr-img{image-rendering:auto;border-radius:14px;width:100%;max-width:360px;height:auto;position:relative;box-shadow:0 30px 60px -30px #000000e6,0 0 0 1px #ffffff1f}.qr-empty{text-align:center;max-width:300px;color:var(--text-2);justify-items:center;gap:10px;font-size:14px;line-height:1.5;display:grid}.qr-empty strong{color:var(--text);font-weight:600}.qr-empty>svg{width:26px;height:26px;color:var(--warning-text)}.qr-ghost{opacity:.5;background:linear-gradient(var(--text-3), var(--text-3)) 0 0 / 34px 34px no-repeat, linear-gradient(var(--text-3), var(--text-3)) 100% 0 / 34px 34px no-repeat, linear-gradient(var(--text-3), var(--text-3)) 0 100% / 34px 34px no-repeat, repeating-conic-gradient(#ffffff24 0 25%, transparent 0 50%) 50% 50% / 16px 16px;border-radius:18px;width:120px;height:120px;-webkit-mask:radial-gradient(circle,#000 60%,#0000 72%);mask:radial-gradient(circle,#000 60%,#0000 72%)}.qr-encodes{color:var(--text-3);align-items:baseline;gap:10px;min-width:0;margin-top:14px;font-size:12.5px;display:flex}.qr-encodes span{font:500 10.5px/1 var(--font-mono);letter-spacing:.12em;text-transform:uppercase;flex:none}.qr-encodes code{min-width:0;font-family:var(--font-mono);color:var(--text-2);white-space:pre-wrap;word-break:break-all;background:0 0;flex:1;max-height:4.8em;padding:0;font-size:12px;overflow:hidden}.qr-encodes em{font-style:normal;font-family:var(--font-mono);flex:none;font-size:11px}.qr-dl{gap:10px;margin-top:16px;display:grid}.qr-dl .gl-btn--sm{--bh:44px}.qr-types>button{flex:auto}.qr-track{margin-top:20px;padding:16px}.qr-track-head{gap:12px;margin-bottom:14px;display:flex}.qr-track-head>svg{width:20px;height:20px;color:var(--primary-hover);flex:none;margin-top:2px}.qr-track h3{color:var(--text);margin:0;font-size:15px;font-weight:600}.qr-track p{color:var(--text-2);margin-top:3px;font-size:13.5px;line-height:1.5}.qr-track-row{flex-wrap:wrap;gap:8px;display:flex}.qr-track-row .ta-input{flex:220px;height:40px;font-size:14px}.qr-track-row .gl-btn{--bh:40px}.qr-presets{flex-wrap:wrap;gap:8px;display:flex}.qr-preset{min-height:38px;box-shadow:inset 0 0 0 1px var(--border);font:500 13.5px/1 var(--font-sans);color:var(--text-2);cursor:pointer;background:#ffffff0d;border:0;border-radius:999px;align-items:center;gap:10px;padding:0 14px 0 10px;transition:background .2s,color .2s,box-shadow .2s;display:inline-flex}.qr-preset:hover{color:var(--text);background:#ffffff1a}.qr-preset[aria-pressed=true]{color:var(--text);box-shadow:inset 0 0 0 1.5px var(--primary);background:color-mix(in oklab, var(--primary) 12%, transparent)}.qr-preset:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.qr-preset-sw{border-radius:50%;flex:none;width:14px;height:14px}.qr-drop{background:#0000002e;border:1.5px dashed #fff3;border-radius:20px;flex-wrap:wrap;align-items:center;gap:16px;padding:18px;transition:border-color .2s,background .2s;display:flex}.qr-drop.is-over{border-color:var(--primary);background:color-mix(in oklab, var(--primary) 10%, transparent)}.qr-drop>svg{width:26px;height:26px;color:var(--text-2);flex:none}.qr-drop>div{flex:200px;gap:3px;display:grid}.qr-drop strong{color:var(--text);font-size:15px;font-weight:600}.qr-drop span{color:var(--text-3);font-size:13px;line-height:1.45}.qr-logo-row{align-items:center;gap:12px;padding:10px;display:flex}.qr-logo-row img{object-fit:contain;background:#fff;border-radius:10px;width:46px;height:46px;padding:4px}.qr-logo-row span{text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--text);flex:1;font-size:14px;overflow:hidden}.qr-link{font:inherit;color:var(--primary-hover);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.qr-float{display:none}@media (max-width:960px){.qr-float{--r:20px;--tint:.7;right:14px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:40;cursor:pointer;width:84px;height:84px;animation:qr-pop .5s var(--gl-spring);border:0;place-items:center;padding:8px;display:grid;position:fixed}.qr-float img{object-fit:contain;border-radius:10px;width:100%;height:100%}.qr-price{width:100%;min-width:0;max-width:420px}}@keyframes qr-pop{0%{opacity:0;transform:scale(.6)}}@media (prefers-reduced-motion:reduce){.qr-float{animation:none}}@media (max-width:960px){.qr-work>.ta-col-a,.qr-work>.ta-col-b{display:contents}.qr-work>*>.ta-panel{order:5;grid-column:1/-1}.qr-work #qr-preview{order:1}.qr-work #qr-content{order:2}.qr-work #qr-download{order:3}}@media (max-width:600px){.qr-price{display:none}}