.qr-layout{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}.qr-type-opt{border:1.5px solid var(--bd);border-radius:10px;padding:10px 12px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:13px;transition:border-color var(--tr),background var(--tr)}.qr-type-opt.active{border-color:var(--i5);background:var(--i1)}@media(max-width:768px){.qr-layout{grid-template-columns:1fr}}