@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap);.whatsapp-builder-layout[data-v-9ec8167c]{font-family:Inter,sans-serif;height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background-color:#f8fafc}.builder-body[data-v-9ec8167c]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.sidebar-left[data-v-9ec8167c]{width:320px;border-right:1px solid #e2e8f0}.sidebar-left[data-v-9ec8167c],.sidebar-right[data-v-9ec8167c]{background:#fff;padding:20px;overflow-y:auto;-ms-flex-negative:0;flex-shrink:0}.sidebar-right[data-v-9ec8167c]{width:340px;border-left:1px solid #e2e8f0}.preview-canvas[data-v-9ec8167c]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f1f5f9;padding:20px;overflow:auto}.iphone-container[data-v-9ec8167c],.preview-canvas[data-v-9ec8167c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.iphone-container[data-v-9ec8167c]{height:100%;max-height:850px}@media (max-width:1024px){.builder-body[data-v-9ec8167c]{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;overflow-y:auto}.sidebar-left[data-v-9ec8167c],.sidebar-right[data-v-9ec8167c]{width:100%;border:none;-ms-flex-negative:1;flex-shrink:1;border-bottom:2px solid #e2e8f0}.preview-canvas[data-v-9ec8167c]{min-height:800px;padding:40px 20px}}.wa-preview-header[data-v-9ec8167c]{height:160px;background:#e5ddd5;border-bottom:1px solid #ddd;position:relative}.img-fill[data-v-9ec8167c]{width:100%;height:100%;background-size:contain;background-position:50%;background-repeat:no-repeat}.media-dropzone[data-v-9ec8167c]{height:120px;border:2px dashed #e2e8f0;border-radius:12px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;overflow:hidden;background:#f8fafc;-webkit-transition:all .2s;transition:all .2s}.media-dropzone[data-v-9ec8167c]:hover{border-color:#10b981;background:#f0fdf4}.trigger-warning-box[data-v-9ec8167c]{background:rgba(245,158,11,.1);border:1px solid #f59e0b;padding:6px 14px;border-radius:6px;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.trigger-warning-box[data-v-9ec8167c]:hover{background:rgba(245,158,11,.2)}.trigger-warning-text[data-v-9ec8167c]{font-size:11px;color:#d97706;font-weight:800;letter-spacing:.5px}.trigger-info-box[data-v-9ec8167c]{background-color:#eff6ff;border-left:3px solid #3b82f6;padding:12px;border-radius:6px;margin-top:10px}.trigger-info-title[data-v-9ec8167c]{display:block;font-size:11px;font-weight:700;color:#1d4ed8;margin-bottom:4px;letter-spacing:.5px}.trigger-info-desc[data-v-9ec8167c]{font-size:12px;color:#334155;line-height:1.5;display:block}.dynamic-fields-section[data-v-9ec8167c]{border-top:1px dashed #cbd5e1;padding-top:15px}.fields-container[data-v-9ec8167c]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px;max-height:250px;overflow-y:auto}.field-title[data-v-9ec8167c]{font-size:10px;font-weight:800;color:#64748b;text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px}.dynamic-badge[data-v-9ec8167c]{cursor:pointer;font-size:10px;padding:6px 8px;-webkit-transition:-webkit-transform .1s,-webkit-box-shadow .1s;transition:-webkit-transform .1s,-webkit-box-shadow .1s;transition:transform .1s,box-shadow .1s;transition:transform .1s,box-shadow .1s,-webkit-transform .1s,-webkit-box-shadow .1s}.dynamic-badge[data-v-9ec8167c]:hover{-webkit-transform:translateY(-1px);transform:translateY(-1px);-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.btn-group-custom[data-v-9ec8167c]{display:-webkit-box;display:-ms-flexbox;display:flex;background:#f1f5f9;padding:2px;border-radius:6px;border:1px solid #e2e8f0}.btn-group-custom button[data-v-9ec8167c]{border:none;background:transparent;padding:4px 8px;font-size:11px;font-weight:700;color:#64748b;cursor:pointer;border-radius:4px}.btn-group-custom button.active[data-v-9ec8167c]{background:#fff;color:#10b981;-webkit-box-shadow:0 2px 4px rgba(0,0,0,.1);box-shadow:0 2px 4px rgba(0,0,0,.1)}.uploading-status[data-v-9ec8167c]{position:absolute;background:rgba(0,0,0,.4);color:#fff;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;z-index:5;font-size:12px;gap:5px}.preview-overlay[data-v-9ec8167c],.uploading-status[data-v-9ec8167c]{top:0;left:0;width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.preview-overlay[data-v-9ec8167c]{position:fixed;background:rgba(0,0,0,.8);backdrop-filter:blur(5px);z-index:2000;overflow-y:auto;padding:40px 0}.close-btn[data-v-9ec8167c]{position:absolute;top:20px;right:20px;padding:10px 20px;background:#fff;border-radius:20px;font-weight:700;cursor:pointer}.scale-up[data-v-9ec8167c]{-webkit-transform:scale(1.1);transform:scale(1.1)}.builder-header[data-v-9ec8167c]{height:72px;background:#fff;border-bottom:1px solid #e2e8f0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:0 24px;z-index:100}.brand-container[data-v-9ec8167c],.builder-header[data-v-9ec8167c],.header-left[data-v-9ec8167c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.brand-container[data-v-9ec8167c],.header-left[data-v-9ec8167c]{gap:12px}.brand-logo[data-v-9ec8167c]{width:40px;height:40px;background:#10b981;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:20px}.brand-title[data-v-9ec8167c]{font-size:16px;font-weight:700;margin:0}.brand-subtitle[data-v-9ec8167c]{font-size:11px;color:#64748b;margin:0}.btn-save[data-v-9ec8167c]{background:#10b981;border:none;font-weight:600;padding:8px 16px;border-radius:8px}.section-tag[data-v-9ec8167c]{font-size:11px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px}.comp-card[data-v-9ec8167c]{background:#f1f5f9;padding:12px;border-radius:10px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;cursor:pointer;margin-bottom:10px;border:1px solid transparent;-webkit-transition:all .2s;transition:all .2s}.comp-card.is-active[data-v-9ec8167c]{border-color:#10b981;background:#fff;-webkit-box-shadow:0 4px 6px -1px rgba(0,0,0,.1);box-shadow:0 4px 6px -1px rgba(0,0,0,.1)}.comp-icon[data-v-9ec8167c]{font-size:18px;color:#64748b}.comp-name[data-v-9ec8167c]{font-weight:600;font-size:14px;display:block}.comp-desc[data-v-9ec8167c]{font-size:11px;color:#64748b}.comp-switch[data-v-9ec8167c]{width:8px;height:8px;border-radius:50%;background:#cbd5e1;margin-left:auto}.comp-switch.on[data-v-9ec8167c]{background:#10b981;-webkit-box-shadow:0 0 5px #10b981;box-shadow:0 0 5px #10b981}.iphone-15-frame[data-v-9ec8167c]{width:330px;height:680px;max-height:90vh;background:#000;border-radius:40px;border:10px solid #1e1e1e;position:relative;-webkit-box-shadow:0 30px 60px rgba(0,0,0,.2);box-shadow:0 30px 60px rgba(0,0,0,.2);overflow:hidden;-ms-flex-negative:0;flex-shrink:0}.dynamic-island[data-v-9ec8167c]{position:absolute;top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100px;height:28px;background:#000;border-radius:20px;z-index:10}.iphone-screen[data-v-9ec8167c]{width:100%;height:100%;background:#e5ddd5;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.wa-nav-bar[data-v-9ec8167c]{background:#075e54;color:#fff;padding:40px 15px 10px;-ms-flex-align:center}.wa-nav-bar[data-v-9ec8167c],.wa-user[data-v-9ec8167c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;gap:10px}.wa-user[data-v-9ec8167c]{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center}.wa-avatar-ring[data-v-9ec8167c]{width:35px;height:35px;border-radius:50%;background:#ccc;overflow:hidden}.wa-avatar-ring img[data-v-9ec8167c]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wa-user-name[data-v-9ec8167c]{font-weight:600;font-size:14px}.wa-user-status[data-v-9ec8167c]{font-size:10px;opacity:.8}.wa-nav-icons[data-v-9ec8167c]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;font-size:18px}.wa-chat-bg[data-v-9ec8167c]{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:15px;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-size:cover;overflow-y:auto}.wa-date-chip[data-v-9ec8167c]{background:#d1e4f3;padding:4px 10px;border-radius:6px;font-size:10px;margin:0 auto 15px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:600;color:#5b7282}.wa-bubble-main[data-v-9ec8167c]{background:#fff;border-radius:0 12px 12px 12px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);overflow:hidden;cursor:pointer}.upload-placeholder[data-v-9ec8167c]{height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#94a3b8;font-size:12px;gap:8px}.wa-preview-body[data-v-9ec8167c]{padding:10px;position:relative}.wa-text-content[data-v-9ec8167c]{font-size:14px;line-height:1.4;color:#111;word-break:break-word;white-space:pre-wrap}.wa-meta[data-v-9ec8167c]{text-align:right;font-size:10px;color:#888;margin-top:4px}.wa-meta .read[data-v-9ec8167c]{color:#34b7f1}.wa-preview-footer[data-v-9ec8167c]{padding:0 10px 10px;font-size:12px;color:#888}.wa-preview-buttons[data-v-9ec8167c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px;margin-top:4px}.wa-btn-item[data-v-9ec8167c]{background:#fff;padding:10px;text-align:center;color:#00a5f4;font-weight:600;font-size:14px;border-radius:8px;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.1);box-shadow:0 1px 2px rgba(0,0,0,.1);cursor:pointer}.active-btn[data-v-9ec8167c]{outline:2px solid #10b981}.wa-bottom-input[data-v-9ec8167c]{padding:8px 10px;-ms-flex-align:center;gap:8px;background:transparent}.wa-bottom-input[data-v-9ec8167c],.wa-input-pill[data-v-9ec8167c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.wa-input-pill[data-v-9ec8167c]{background:#fff;border-radius:25px;padding:0 12px;height:44px;-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center;gap:12px;color:#8696a0}.wa-input-pill i[data-v-9ec8167c]{font-size:20px}.wa-mic-circle[data-v-9ec8167c]{width:44px;height:44px;background:#00a884;border-radius:50%;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#fff;font-size:18px}.settings-header[data-v-9ec8167c],.wa-mic-circle[data-v-9ec8167c]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.settings-header[data-v-9ec8167c]{gap:12px;margin-bottom:25px}.icon-box[data-v-9ec8167c]{width:40px;height:40px;background:#f1f5f9;border-radius:8px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#64748b}.custom-label[data-v-9ec8167c]{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:10px;display:block}.premium-textarea[data-v-9ec8167c]{width:100%;border:1px solid #e2e8f0;border-radius:8px;padding:12px;font-size:14px;resize:none;-webkit-transition:border-color .2s;transition:border-color .2s}.premium-textarea[data-v-9ec8167c]:focus{outline:none;border-color:#10b981}.textarea-wrapper[data-v-9ec8167c]{position:relative}.text-tools[data-v-9ec8167c]{position:absolute;bottom:8px;right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.text-tools button[data-v-9ec8167c]{border:1px solid #e2e8f0;background:#fff;border-radius:4px;width:26px;height:26px;font-size:12px;cursor:pointer}.form-card[data-v-9ec8167c]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:15px}.sub-group[data-v-9ec8167c]{margin-bottom:12px}.sub-group label[data-v-9ec8167c]{font-size:11px;color:#64748b;margin-bottom:4px;display:block}.premium-input[data-v-9ec8167c],.premium-select[data-v-9ec8167c]{width:100%;padding:8px 12px;border-radius:6px;border:1px solid #cbd5e1;font-size:13px}.dashed-btn[data-v-9ec8167c]{border-style:dashed}.focused-zone[data-v-9ec8167c]{outline:3px solid #10b981;background:#f0fdf4!important}.animate-in[data-v-9ec8167c]{-webkit-animation:fadeIn-9ec8167c .3s ease-out;animation:fadeIn-9ec8167c .3s ease-out}@-webkit-keyframes fadeIn-9ec8167c{0%{opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn-9ec8167c{0%{opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}