.newsletter-image-upload{border:1px solid #d8c8ef;border-radius:18px;padding:20px;background:linear-gradient(145deg,#f7f2ff,#fff);box-shadow:inset 0 1px #fff}.upload-title{display:flex;align-items:center;gap:12px;margin-bottom:16px}.upload-title>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,#a35fff,#7130df);color:#fff;font-size:20px;box-shadow:0 9px 20px rgba(105,41,213,.25)}.upload-title h3,.upload-title p{margin:0}.upload-title h3{font-size:18px}.upload-title p{font-size:12px!important}.newsletter-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-drop{position:relative;display:flex;align-items:center;text-align:center;flex-direction:column;gap:6px;border:2px dashed #cbb5eb;border-radius:15px;padding:18px 12px;background:#fff;cursor:pointer;transition:.2s}.image-drop:hover{border-color:#7734e6;background:#f4edff;transform:translateY(-2px)}.image-drop input{position:absolute;inset:0;opacity:0;cursor:pointer}.drop-icon{font-size:27px;color:#7835e6}.image-drop strong{font-size:14px}.image-drop small{font-size:10px!important;line-height:1.4;color:#665a71!important}.image-drop em{display:inline-block;margin-top:5px;padding:7px 11px;border-radius:18px;background:#eee5ff;color:#6424c5;font-size:11px;font-style:normal;font-weight:900}.image-upload-warning{margin-top:13px;padding:11px 13px;border-radius:11px;background:#fff6de;color:#5c4711;font-size:11px;line-height:1.5}.mail-image-preview{display:grid;place-items:center;background-position:center;background-size:cover;background-repeat:no-repeat;color:#786b85;text-align:center}.mail-image-preview.banner{height:145px;background-color:#ede4fb}.mail-image-preview.content{height:115px;margin:22px 0;border-radius:12px;border:1px dashed #c9b4e9;background-color:#f4effb}.mail-image-preview span{background:rgba(255,255,255,.88)!important;color:#564662!important;border-radius:18px!important;padding:7px 12px!important;margin:0!important;font-size:10px!important;font-weight:800!important;box-shadow:0 5px 15px rgba(30,12,55,.12)}.mail-image-preview.has-image span{opacity:0;transition:.2s}.mail-image-preview.has-image:hover span{opacity:1}.mail-preview.enhanced{position:sticky;top:110px}
@media(max-width:700px){.newsletter-upload-grid{grid-template-columns:1fr}.newsletter-image-upload{padding:15px}}