.cbgc-fields{margin:0 0 1.2em}
.cbgc-label{font-weight:600;margin:1em 0 .5em}
.cbgc-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:.8em}
.cbgc-preset{border:1px solid #ccc;background:#fff;color:inherit;padding:.55em 1.1em;border-radius:6px;cursor:pointer;font:inherit;line-height:1.2}
.cbgc-preset:hover{border-color:#888}
.cbgc-preset.is-active{border-color:currentColor;box-shadow:0 0 0 2px currentColor inset;font-weight:600}
.cbgc-amount-wrap{display:flex;align-items:center;gap:6px;max-width:220px}
.cbgc-amount-wrap input{width:100%}
.cbgc-send-to label{display:block;margin:.2em 0;font-weight:normal}
.cbgc-fields .form-row{margin:0 0 .9em;padding:0}
.cbgc-fields .form-row label{display:block;margin-bottom:.3em}
.cbgc-fields input.input-text,.cbgc-fields textarea{width:100%;max-width:480px;box-sizing:border-box}
.cbgc-counter{display:block;opacity:.7;font-size:.85em}
.cbgc-recipient[hidden]{display:none}
.cbgc-templates{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:10px;margin-bottom:1em}
.cbgc-template{display:block;cursor:pointer;text-align:center;font-size:.85em}
.cbgc-template input{position:absolute;opacity:0;pointer-events:none}
.cbgc-swatch{display:flex;flex-direction:column;align-items:center;justify-content:center;height:70px;border-radius:10px;border:2px solid transparent;box-shadow:0 1px 4px rgba(0,0,0,.15);padding:4px;overflow:hidden;transition:transform .15s}
.cbgc-swatch-title{font-size:11px;font-family:Georgia,serif;line-height:1.2;margin-top:2px}
.cbgc-template-name{display:block;margin-top:4px}
.cbgc-template input:checked+.cbgc-swatch{border-color:#111;box-shadow:0 0 0 2px #fff inset,0 2px 8px rgba(0,0,0,.25);transform:translateY(-2px)}
.cbgc-template input:focus-visible+.cbgc-swatch{outline:2px solid #2271b1;outline-offset:2px}
.cbgc-preview-row{margin:.4em 0 1em}
.cbgc-preview-btn[disabled]{opacity:.5;cursor:not-allowed}
.cbgc-preview-hint{display:block;opacity:.7;font-size:.85em;margin-top:.3em}
.cbgc-modal[hidden]{display:none}
.cbgc-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:16px}
.cbgc-modal-backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6)}
.cbgc-modal-box{position:relative;background:#fff;border-radius:14px;padding:28px 20px 16px;max-width:620px;width:100%;max-height:92vh;overflow:auto}
.cbgc-modal-close{position:absolute;top:6px;right:10px;background:none;border:0;font-size:28px;line-height:1;cursor:pointer;color:#333;padding:4px}
.cbgc-modal-note{text-align:center;font-size:.85em;opacity:.7;margin:14px 0 0}
body.cbgc-modal-open{overflow:hidden}