.qr-generator-grid{grid-template-columns:minmax(250px,360px) minmax(0,1fr);gap:24px;display:grid}.qr-generator form{background:var(--surface-container-low);border-radius:20px;min-width:0;padding:16px}.qr-generator label{margin:12px 0 4px;font-size:.875rem;display:block}.qr-generator textarea{border:1px solid var(--outline);border-radius:var(--radius-control);width:100%;min-height:140px;font:inherit;color:var(--ink);background:var(--paper);resize:vertical;padding:12px}.qr-generator .checkbox-label{align-items:center;gap:8px;min-height:44px;display:flex}.qr-color-pair{grid-template-columns:1fr 1fr;gap:12px;display:grid}.qr-color-pair input{width:100%;height:44px}.qr-generator-preview{background:var(--surface-container-low);border-radius:24px;flex-direction:column;justify-content:center;align-items:center;gap:12px;min-width:0;padding:20px;display:flex}.qr-generator-preview img{width:min(100%,384px);max-width:100%;height:auto;image-rendering:pixelated}.qr-generator .actions{flex-wrap:wrap;gap:8px;display:flex}.qr-generator #qr-status{font-size:.875rem}@media (width<=760px){.qr-generator-grid{grid-template-columns:minmax(0,1fr);gap:16px}.qr-generator-preview{padding:16px}.qr-generator-preview:has(img){order:-1}.qr-generator form{padding:12px}}