.mbp-field-wrap{margin:10px 0}
.mbp-field-wrap label{display:block;margin:6px 0 2px}
.mbp-field-wrap input[type="text"],.mbp-field-wrap select{width:100%;max-width:320px}
.mbp-preview-note{font-size:12px;color:#666;margin-top:4px}
.mbp-image-wrap{position:relative;display:inline-block;overflow:hidden!important;max-width:100%}
.mbp-image-wrap img{display:block;max-width:100%;height:auto}
.mbp-overlay{position:absolute;border:1px dashed rgba(0,0,0,.2);background:rgba(255,255,255,.2);overflow:hidden;box-sizing:border-box}
.mbp-overlay .mbp-overlay-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Color Swatch Styles */
.mbp-color-selector-wrapper{margin:10px 0}
.mbp-color-swatches{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}
.mbp-color-swatch{display:inline-block;width:40px;height:40px;margin:0;cursor:pointer;border:2px solid #ddd;border-radius:4px;position:relative;transition:all 0.2s ease;background-color:var(--swatch-color)}
.mbp-color-swatch:hover{border-color:#999;transform:scale(1.1);box-shadow:0 2px 8px rgba(0,0,0,0.2)}
.mbp-color-swatch.selected{border-color:#4CAF50;border-width:3px;box-shadow:0 0 0 2px rgba(76,175,80,0.2)}
.mbp-color-swatch input[type="radio"]{position:absolute;opacity:0;width:0;height:0;margin:0;padding:0}


