.qr-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-gap:1.25rem;gap:1.25rem;align-items:start}.qr-preview-card{text-align:center}.qr-preview-card h2,.qr-settings h2{font-size:1.05rem}.qr-stage{display:flex;align-items:center;justify-content:center;min-height:300px;margin:.75rem 0;padding:1rem;border:1px solid var(--border);border-radius:14px;background:var(--card-alt)}.qr-stage img{display:block;width:min(100%,320px);height:auto;border-radius:8px;image-rendering:pixelated}.qr-placeholder{color:var(--muted);font-size:.9rem;padding:1rem}.qr-error{text-align:center}.qr-meta{margin:.2rem 0 .8rem}.qr-actions{justify-content:center}.qr-settings{min-width:0}.qr-text{min-height:110px;resize:vertical}.qr-settings-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:.8rem;gap:.8rem;margin-top:.9rem}.qr-settings-grid .field{margin:0}.qr-margin-field{grid-column:span 2}.qr-margin-field input[type=range]{width:100%;accent-color:var(--primary);cursor:pointer}.qr-note{margin:1rem 0 0}@media (max-width:820px){.qr-layout{grid-template-columns:1fr}}@media (max-width:480px){.qr-settings-grid{grid-template-columns:1fr}.qr-margin-field{grid-column:span 1}}