.qr-layout{display:grid;gap:14px}
@media (min-width:760px){.qr-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start}.qr-layout>.card:last-child{position:sticky;top:120px}}
#qr-canvas{width:100%;max-width:320px;height:auto;aspect-ratio:1;border-radius:12px;border:1px solid var(--border);image-rendering:pixelated}
#qr-types{width:100%}
#qr-types button{flex:1 1 auto}
input[type=color].input{padding:4px;height:46px}