.qr-designer{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);gap:28px;align-items:start}.qr-designer .field{min-width:0}.qr-designer .qr-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.qr-designer fieldset{min-width:0;border:1px solid #dbe5e7;border-radius:16px;padding:18px;margin:0 0 20px}.qr-designer legend{font-weight:700;color:#117b77;padding:0 7px}.qr-designer textarea{min-height:100px}.qr-designer input[type=color]{width:100%;height:44px;padding:5px;background:#fff;border:1px solid #d1dcdf;border-radius:9px;cursor:pointer}.qr-preview-panel{position:sticky;top:96px;background:#f0f8f7;border:1px solid #d6e6e3;border-radius:20px;padding:20px;text-align:center}.qr-artwork{padding:16px;background:white;border-radius:12px;min-height:220px;display:grid;place-items:center}.qr-artwork img{display:block;width:100%;max-width:360px;height:auto}.qr-preview-panel .actions{justify-content:center;flex-wrap:wrap}.qr-status{font-size:.9rem;line-height:1.65;overflow-wrap:anywhere;min-height:3em}.qr-status[data-state=error]{color:#9b2727}.qr-status[data-state=ok]{color:#086751}.qr-designer .qr-note{font-size:.85rem;color:#526572;line-height:1.7}.qr-designer button:disabled{opacity:.45;cursor:not-allowed}.qr-designer .qr-logo-remove{margin-top:8px}.qr-designer select,.qr-designer input,.qr-designer textarea{max-width:100%}.qr-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.qr-presets button{font:inherit;border:1px solid #cadbd8;border-radius:24px;background:#fff;color:#204e4a;padding:8px 14px;cursor:pointer}.qr-presets button:hover{background:#e8f7f3}.qr-designer [hidden]{display:none!important}@media(max-width:760px){.qr-designer{grid-template-columns:1fr}.qr-preview-panel{position:static}.qr-designer .qr-grid{gap:10px}.qr-designer fieldset{padding:12px}.qr-designer{gap:10px}}