@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap);.media-dropzone[data-v-027f3069]{position:relative}.uploading-status[data-v-027f3069]{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-027f3069],.uploading-status[data-v-027f3069]{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-027f3069]{position:fixed;background:rgba(0,0,0,.8);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:2000;overflow-y:auto;padding:40px 0}.close-btn[data-v-027f3069]{position:absolute;top:20px;right:20px;padding:10px 20px;background:#fff;border-radius:20px;font-weight:700;cursor:pointer}.scale-up[data-v-027f3069]{-webkit-transform:scale(1.1);transform:scale(1.1)}.whatsapp-builder-layout[data-v-027f3069]{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-header[data-v-027f3069]{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-027f3069],.builder-header[data-v-027f3069],.header-left[data-v-027f3069]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.brand-container[data-v-027f3069],.header-left[data-v-027f3069]{gap:12px}.brand-logo[data-v-027f3069]{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-027f3069]{font-size:16px;font-weight:700;margin:0}.brand-subtitle[data-v-027f3069]{font-size:11px;color:#64748b;margin:0}.btn-save[data-v-027f3069]{background:#10b981;border:none;font-weight:600;padding:8px 16px;border-radius:8px}.builder-body[data-v-027f3069]{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;overflow:hidden}.sidebar-left[data-v-027f3069]{width:320px;background:#fff;border-right:1px solid #e2e8f0;padding:20px;overflow-y:auto}.section-tag[data-v-027f3069]{font-size:11px;font-weight:800;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:15px}.token-instruction[data-v-027f3069]{font-size:11px;color:#64748b;margin-top:-10px;margin-bottom:10px}.comp-card[data-v-027f3069]{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-027f3069]{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-027f3069]{font-size:18px;color:#64748b}.comp-name[data-v-027f3069]{font-weight:600;font-size:14px;display:block}.comp-desc[data-v-027f3069]{font-size:11px;color:#64748b}.comp-switch[data-v-027f3069]{width:8px;height:8px;border-radius:50%;background:#cbd5e1;margin-left:auto}.comp-switch.on[data-v-027f3069]{background:#10b981;-webkit-box-shadow:0 0 5px #10b981;box-shadow:0 0 5px #10b981}.variable-container[data-v-027f3069]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:6px}.token-pill[data-v-027f3069]{padding:6px 10px;background:#eff6ff;color:#2563eb;border-radius:6px;font-size:11px;font-weight:700;cursor:pointer;border:1px solid #dbeafe;-webkit-transition:all .2s;transition:all .2s}.token-pill[data-v-027f3069]:hover{background:#2563eb;color:#fff;-webkit-transform:translateY(-1px);transform:translateY(-1px)}.preview-canvas[data-v-027f3069]{-webkit-box-flex:1;-ms-flex:1;flex:1;background:#f1f5f9;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;padding:20px}.iphone-15-frame[data-v-027f3069]{width:330px;height:630px;background:#000;border-radius:50px;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}.dynamic-island[data-v-027f3069]{position:absolute;top:10px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:100px;height:30px;background:#000;border-radius:20px;z-index:10}.iphone-screen[data-v-027f3069]{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-027f3069]{background:#075e54;color:#fff;padding:40px 15px 10px;-ms-flex-align:center}.wa-nav-bar[data-v-027f3069],.wa-user[data-v-027f3069]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center;gap:10px}.wa-user[data-v-027f3069]{-webkit-box-flex:1;-ms-flex:1;flex:1;-ms-flex-align:center}.wa-avatar-ring[data-v-027f3069]{width:35px;height:35px;border-radius:50%;background:#ccc;overflow:hidden}.wa-avatar-ring img[data-v-027f3069]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.wa-user-name[data-v-027f3069]{font-weight:600;font-size:14px}.wa-user-status[data-v-027f3069]{font-size:10px;opacity:.8}.wa-nav-icons[data-v-027f3069]{display:-webkit-box;display:-ms-flexbox;display:flex;gap:20px;font-size:18px}.wa-chat-bg[data-v-027f3069]{-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-027f3069]{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-027f3069]{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}.wa-preview-header[data-v-027f3069]{height:160px;background:#f0f2f5;border-bottom:1px solid #eee}.img-fill[data-v-027f3069]{width:100%;height:100%;background-size:cover;background-position:50%}.upload-placeholder[data-v-027f3069]{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-027f3069]{padding:10px;position:relative}.wa-text-content[data-v-027f3069]{font-size:14px;line-height:1.4;color:#111;word-break:break-word}.wa-meta[data-v-027f3069]{text-align:right;font-size:10px;color:#888;margin-top:4px}.wa-meta .read[data-v-027f3069]{color:#34b7f1}.wa-preview-footer[data-v-027f3069]{padding:0 10px 10px;font-size:12px;color:#888}.wa-preview-buttons[data-v-027f3069]{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-027f3069]{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-027f3069]{outline:2px solid #10b981}.wa-bottom-input[data-v-027f3069]{padding:8px 10px;-ms-flex-align:center;gap:8px;background:transparent}.wa-bottom-input[data-v-027f3069],.wa-input-pill[data-v-027f3069]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;align-items:center}.wa-input-pill[data-v-027f3069]{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-027f3069]{font-size:20px}.wa-mic-circle[data-v-027f3069]{width:44px;height:44px;background:#00a884;border-radius:50%;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:18px}.sidebar-right[data-v-027f3069]{width:340px;background:#fff;border-left:1px solid #e2e8f0;padding:20px;overflow-y:auto}.settings-header[data-v-027f3069]{gap:12px;margin-bottom:25px}.icon-box[data-v-027f3069],.settings-header[data-v-027f3069]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.icon-box[data-v-027f3069]{width:40px;height:40px;background:#f1f5f9;border-radius:8px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#64748b}.custom-label[data-v-027f3069]{font-size:11px;font-weight:700;color:#64748b;text-transform:uppercase;margin-bottom:10px;display:block}.premium-textarea[data-v-027f3069]{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-027f3069]:focus{outline:none;border-color:#10b981}.textarea-wrapper[data-v-027f3069]{position:relative}.text-tools[data-v-027f3069]{position:absolute;bottom:8px;right:8px;display:-webkit-box;display:-ms-flexbox;display:flex;gap:4px}.text-tools button[data-v-027f3069]{border:1px solid #e2e8f0;background:#fff;border-radius:4px;width:26px;height:26px;font-size:12px;cursor:pointer}.form-card[data-v-027f3069]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:15px}.sub-group[data-v-027f3069]{margin-bottom:12px}.sub-group label[data-v-027f3069]{font-size:11px;color:#64748b;margin-bottom:4px;display:block}.premium-input[data-v-027f3069],.premium-select[data-v-027f3069]{width:100%;padding:8px 12px;border-radius:6px;border:1px solid #cbd5e1;font-size:13px}.media-dropzone[data-v-027f3069]{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}.preview-img[data-v-027f3069]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.focused-zone[data-v-027f3069]{outline:3px solid #10b981;background:#f0fdf4!important}@-webkit-keyframes pulse-027f3069{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse-027f3069{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}to{-webkit-transform:scale(1);transform:scale(1)}}.pulse-icon[data-v-027f3069]{-webkit-animation:pulse-027f3069 2s infinite;animation:pulse-027f3069 2s infinite;font-size:20px}.animate-in[data-v-027f3069]{-webkit-animation:fadeIn-027f3069 .3s ease-out;animation:fadeIn-027f3069 .3s ease-out}@-webkit-keyframes fadeIn-027f3069{0%{opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeIn-027f3069{0%{opacity:0;-webkit-transform:translateY(5px);transform:translateY(5px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}