.qr-designer{display:grid;grid-template-columns:minmax(290px,390px) minmax(0,1fr);gap:24px;align-items:start}.qr-designer-controls{background:#fff;border:1px solid var(--line,#ddd);border-radius:22px;padding:22px;display:grid;gap:15px}.qr-designer-controls>label{display:grid;gap:7px;font-size:13px;font-weight:600}.qr-designer-controls input:not([type=checkbox]),.qr-designer-controls select{width:100%;min-width:0;min-height:44px;padding:11px 12px;border:1px solid #ccd6d0;border-radius:10px;background:#fff;font:inherit;color:#173b2e}.qr-designer-controls fieldset{margin:0;padding:0;border:0;min-width:0}.qr-designer-controls legend{font-size:13px;font-weight:600;margin-bottom:9px}.qr-style-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.qr-style-list button{display:grid;gap:7px;min-height:86px;padding:7px 5px;border:2px solid transparent;border-radius:12px;color:#33443b;background:#f6f7f6;font:11px Arial,sans-serif;cursor:pointer}.qr-style-list button span{display:grid;place-items:center;background:var(--qr-swatch);color:var(--qr-ink);border-top:4px solid var(--qr-accent);border-radius:7px;height:48px;font-size:16px;font-weight:700}.qr-style-list button[aria-pressed=true]{border-color:#18754e;background:#eef8f2}.qr-designer-controls .qr-branding{display:flex;align-items:flex-start;gap:9px;line-height:1.5;font-size:12px}.qr-branding input{width:17px;height:17px;flex-shrink:0;accent-color:#126442;margin-top:1px}.qr-plan-note,.qr-format-note,.qr-print-hint{margin:0;font-size:12px;line-height:1.6;color:#52685e}.qr-plan-note{padding:10px 12px;background:#eff7f1;border-radius:10px}.qr-format-note{font-size:13px}.qr-export-actions{display:flex;flex-wrap:wrap;gap:8px}.qr-export-actions .btn{flex:1;white-space:nowrap}.qr-export-actions .btn:first-child{flex-basis:100%}.qr-designer-preview{min-width:0;background:#e8ece9;border-radius:22px;padding:20px}.qr-preview-heading{display:flex;gap:10px;justify-content:space-between;align-items:center;margin-bottom:18px;font-size:13px;color:#344e40}.qr-preview-heading span{font-size:12px}.qr-artwork{display:grid;place-items:center;min-height:250px}.qr-artwork>svg{display:block;width:100%;max-width:380px;height:auto;box-shadow:0 8px 30px #193c2526}.qr-artwork-tent>svg{max-width:280px}.qr-guest-link{display:grid;gap:10px;padding:18px 0 0;font-size:12px;overflow-wrap:anywhere}.qr-guest-link a{color:#174f38}.qr-guest-link .btn{justify-self:start}.qr-guest-link small{color:#52685e;line-height:1.5}.qr-designer button:focus-visible,.qr-designer input:focus-visible,.qr-designer select:focus-visible{outline:3px solid #218e68;outline-offset:2px}.qr-designer fieldset:disabled{opacity:.55}.qr-designer input:disabled{color:#687970;background:#f6f7f6}@media(max-width:1000px){.qr-designer{grid-template-columns:minmax(265px,.9fr) minmax(0,1fr);gap:14px}.qr-designer-controls,.qr-designer-preview{padding:15px}}@media(max-width:760px){.qr-designer{grid-template-columns:1fr}.qr-designer-preview{grid-row:1}.qr-artwork>svg{max-width:280px}.qr-artwork-tent>svg{max-width:170px}.qr-style-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
.qr-designer-shortcut{border:1px solid #ccdad2;background:#fff;color:#174f38}
.qr-designer,.qr-designer *{box-sizing:border-box}.qr-designer-controls{min-width:0}