@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&family=Open+Sans:wght@400;500;600;700&display=swap";:root{--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-title:"Outfit", system-ui, -apple-system, sans-serif;--transition-fast:.15s ease;--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-smooth:.35s cubic-bezier(.16, 1, .3, 1);--bg-app:#0c111d;--bg-sidebar:#161e2e;--bg-canvas:#090d16;--border-color:#2b3548;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-color:#00a884;--accent-hover:#008f70;--danger-color:#ef4444;--node-bg:#111827;--node-header-bg:#1f2937;--node-text:#f8fafc;--wa-ios-light-bg:#efeae2;--wa-ios-light-header:#f6f6f6;--wa-ios-light-bubble-in:#fff;--wa-ios-light-bubble-out:#e1f7cb;--wa-ios-light-text:#000;--wa-ios-light-subtext:#8e8e93;--wa-ios-light-input:#fff;--wa-ios-light-bar:#f6f6f6;--wa-ios-light-border:#e5e5ea;--wa-ios-dark-bg:#0b141a;--wa-ios-dark-header:#1f2c34;--wa-ios-dark-bubble-in:#233138;--wa-ios-dark-bubble-out:#025141;--wa-ios-dark-text:#fff;--wa-ios-dark-subtext:#8696a0;--wa-ios-dark-input:#2c3e46;--wa-ios-dark-bar:#1f2c34;--wa-ios-dark-border:#2c3e46;--wa-dark-tmpl-bg:#0b141a;--wa-dark-tmpl-header:#0b141b;--wa-dark-tmpl-bubble-in:#202c33;--wa-dark-tmpl-bubble-in-text:#c7cccf;--wa-dark-tmpl-bubble-out:#114d34;--wa-dark-tmpl-bubble-out-text:#e5f1ed;--wa-dark-tmpl-btn-bg:#21c063;--wa-dark-tmpl-btn-text:#000;--wa-dark-tmpl-input-bg:#1f2c34;--wa-dark-tmpl-input-text:#c7cccf;--wa-dark-tmpl-placeholder:#708d91;--wa-dark-tmpl-subtext:#8696a0;--wa-dark-tmpl-border:#2c3e46;--wa-dark-tmpl-bar:#202c33}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background-color:var(--bg-app);color:var(--text-primary);width:100vw;height:100vh;overflow:hidden}button,input,textarea,select{font-family:inherit}.full-viewport-chat{background-color:#0b0f17;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.wa-chat-wrapper{background:var(--wa-bg);flex-direction:column;width:100%;max-width:485px;height:100%;display:flex;position:relative;box-shadow:0 20px 50px #00000080}@media (width<=485px){.wa-chat-wrapper{max-width:100%;box-shadow:none}}.app-container{background-color:var(--bg-app);flex-direction:column;width:100vw;height:100vh;display:flex}.main-header{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);z-index:50;background:#161e2ef2;justify-content:space-between;align-items:center;height:64px;padding:.75rem 1.5rem;display:flex}.brand{align-items:center;gap:.75rem;display:flex}.brand-logo{background:var(--accent-color);color:#fff;border-radius:12px;justify-content:center;align-items:center;padding:.5rem;display:flex;box-shadow:0 0 15px #00a8844d}.brand-title h1{font-family:var(--font-title);background:linear-gradient(135deg,#f8fafc 0%,#00a884 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-size:1.25rem;font-weight:700}.brand-subtitle{color:var(--text-secondary);font-size:.75rem}.header-actions{align-items:center;gap:.75rem;display:flex}.btn-toggle-layout{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);background:#ffffff0d;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.85rem;font-weight:500;display:flex}.btn-toggle-layout:hover{border-color:var(--text-secondary);background:#ffffff1a}.btn-toggle-layout.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.btn-primary{background:var(--accent-color);color:#fff;cursor:pointer;transition:var(--transition-fast);border:none;border-radius:8px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-weight:600;display:flex;box-shadow:0 4px 12px #00a88433}.btn-primary:hover{background:var(--accent-hover)}.dashboard-content{flex:1;display:flex;position:relative;overflow:hidden}.canvas-wrapper{background-color:var(--bg-canvas);cursor:grab;background-image:radial-gradient(#33415540 1px,#0000 1px),radial-gradient(#33415540 1px,#0000 1px);background-position:0 0,12px 12px;background-size:24px 24px;flex:1;position:relative;overflow:hidden}.canvas-wrapper:active{cursor:grabbing}.canvas-inner{transform-origin:0 0;width:3000px;height:3000px;position:absolute;top:0;left:0}.svg-connections-layer{pointer-events:none;z-index:10;width:100%;height:100%;position:absolute;top:0;left:0}.connection-path{fill:none;stroke:var(--border-color);stroke-linecap:round;transition:stroke var(--transition-fast), stroke-width var(--transition-fast)}.connection-path.active{stroke-dasharray:6;animation:35s linear infinite dash;stroke-width:3.2px!important}.canvas-toolbar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-color);z-index:30;background:#161e2ee6;border-radius:12px;align-items:center;gap:.5rem;padding:.5rem;display:flex;position:absolute;bottom:1.5rem;left:1.5rem;box-shadow:0 10px 25px #00000080}.btn-icon{width:38px;height:38px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);background:0 0;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;display:flex}.btn-icon:hover{color:var(--accent-color);background:#ffffff14}.btn-icon.active{background:var(--accent-color);color:#fff}.btn-type-select{border:1px solid var(--border-color);height:38px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);background:0 0;border-radius:8px;justify-content:center;align-items:center;display:flex}.btn-type-select:hover{background:#ffffff14}.btn-type-select.active{background:var(--accent-color);border-color:var(--accent-color);color:#fff}.node-card{background:var(--node-bg);border:2px solid var(--border-color);z-index:20;cursor:move;-webkit-user-select:none;user-select:none;border-radius:14px;width:280px;position:absolute;box-shadow:0 10px 30px #0006}.node-card.selected{box-shadow:0 0 0 2px var(--accent-color), 0 15px 35px #00a8844d}.node-header{font-family:var(--font-title);border-bottom:1px solid #ffffff0d;border-top-left-radius:12px;border-top-right-radius:12px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.85rem;font-weight:600;display:flex}.node-header-title{align-items:center;gap:.5rem;display:flex}.node-badge{text-transform:uppercase;letter-spacing:.02em;border-radius:9999px;padding:.15rem .4rem;font-size:.65rem;font-weight:600}.node-options-container{background:#0003;border-top:1px solid #ffffff0d;border-bottom-right-radius:12px;border-bottom-left-radius:12px}.node-option-row{border-bottom:1px solid #ffffff08}.node-option-row:last-child{border-bottom:none}.port{cursor:crosshair;width:10px;height:10px;transition:transform var(--transition-fast);z-index:10;border:2px solid #0f172a;border-radius:50%}.port:hover{transform:scale(1.4)}.port.input-port{position:absolute;top:22px;left:-6px}.port.output-port{position:absolute;right:-6px}.node-editor-sidebar{background:var(--bg-sidebar);border-left:1px solid var(--border-color);z-index:40;flex-direction:column;width:360px;height:100%;display:flex}.sidebar-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.sidebar-header h2{font-family:var(--font-title);color:var(--text-primary);font-size:1.125rem;font-weight:600}.sidebar-body{flex-direction:column;flex:1;gap:1.25rem;padding:1.25rem;display:flex;overflow-y:auto}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);font-size:.75rem;font-weight:600}.form-input,.form-textarea,.form-select{border:1px solid var(--border-color);color:var(--text-primary);transition:border-color var(--transition-fast);background:#090d16b3;border-radius:8px;outline:none;padding:.65rem .85rem;font-size:.875rem}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--accent-color)}.form-textarea{min-height:90px}.option-builder-item{border:1px solid var(--border-color);background:#090d1666;border-radius:8px;flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.option-builder-header{justify-content:space-between;align-items:center;display:flex}.simulator-wrapper{border-left:1px solid var(--border-color);z-index:35;background:#000;flex-direction:column;justify-content:center;align-items:center;width:440px;height:100%;padding:15px;display:flex;position:relative;box-shadow:-5px 0 25px #0000004d}.whatsapp-device-frame{border:8px solid #1e293b;border-radius:35px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 40px #000c}.whatsapp-chat-container{flex-direction:column;width:100%;height:100%;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,SF Pro Display,Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:relative;overflow:hidden}.whatsapp-chat-container.light{--wa-bg:var(--wa-ios-light-bg);--wa-header:var(--wa-ios-light-header);--wa-bubble-in:var(--wa-ios-light-bubble-in);--wa-bubble-out:var(--wa-ios-light-bubble-out);--wa-text:var(--wa-ios-light-text);--wa-subtext:var(--wa-ios-light-subtext);--wa-input-bg:var(--wa-ios-light-input);--wa-bar-bg:var(--wa-ios-light-bar);--wa-border:var(--wa-ios-light-border);--wa-header-text:#000}.whatsapp-chat-container.dark{--wa-bg:var(--wa-ios-dark-bg);--wa-header:var(--wa-ios-dark-header);--wa-bubble-in:var(--wa-ios-dark-bubble-in);--wa-bubble-out:var(--wa-ios-dark-bubble-out);--wa-text:var(--wa-ios-dark-text);--wa-subtext:var(--wa-ios-dark-subtext);--wa-input-bg:var(--wa-ios-dark-input);--wa-bar-bg:var(--wa-ios-dark-bar);--wa-border:var(--wa-ios-dark-border);--wa-header-text:#fff}.whatsapp-chat-container.dark-template{--wa-bg:var(--wa-dark-tmpl-bg);--wa-header:var(--wa-dark-tmpl-header);--wa-bubble-in:var(--wa-dark-tmpl-bubble-in);--wa-bubble-out:var(--wa-dark-tmpl-bubble-out);--wa-text:var(--wa-dark-tmpl-bubble-in-text);--wa-subtext:var(--wa-dark-tmpl-subtext);--wa-input-bg:var(--wa-dark-tmpl-input-bg);--wa-bar-bg:var(--wa-dark-tmpl-bar);--wa-border:var(--wa-dark-tmpl-border);--wa-header-text:#e1e8ec;font-family:Open Sans,system-ui,sans-serif}.wa-header{border-bottom:1px solid var(--wa-border);color:var(--wa-header-text);z-index:10;justify-content:space-between;align-items:center;padding:10px 14px 10px 8px;display:flex;background:var(--wa-header)!important}.wa-profile{align-items:center;gap:8px;display:flex}.wa-back-arrow{color:#007aff;cursor:pointer;align-items:center;margin-right:-2px;font-size:1.15rem;font-weight:500;display:flex}.wa-avatar{border:1px solid #0000000d;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;display:flex;overflow:hidden}.wa-avatar img{object-fit:cover;width:100%;height:100%}.wa-name-status{flex-direction:column;display:flex}.wa-name{color:var(--wa-header-text);font-size:.95rem;font-weight:600}.wa-status{color:var(--wa-subtext);font-size:.725rem}.wa-header-actions{color:#007aff;align-items:center;gap:16px;display:flex}.wa-chat-body{background-color:var(--wa-bg);background-blend-mode:overlay;opacity:.98;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);flex-direction:column;flex:1;gap:8px;padding:12px 14px;display:flex;overflow-y:auto}.whatsapp-chat-container.dark .wa-chat-body{background-blend-mode:multiply;background-color:#0d141b;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png)}.whatsapp-chat-container.dark-template .wa-chat-body{background-image:url(https://cdn.jsdelivr.net/gh/packtypebot/free-template-packtypebot/background-dark.png);background-size:initial;background-blend-mode:normal;opacity:1;background-color:#0b141a;background-repeat:repeat}.whatsapp-chat-container.dark-template .wa-msg-bubble.incoming{color:#c7cccf}.whatsapp-chat-container.dark-template .wa-msg-bubble.outgoing{color:#e5f1ed}.whatsapp-chat-container.dark-template .wa-msg-bubble.incoming:before{border-top-color:#202c33;border-right-color:#202c33}.whatsapp-chat-container.dark-template .wa-msg-bubble.outgoing:before{border-top-color:#114d34;border-left-color:#114d34}.whatsapp-chat-container.dark-template .wa-option-btn{font-weight:600;color:#000!important;background:#21c063!important;border:none!important}.whatsapp-chat-container.dark-template .wa-option-btn:hover{transform:scale(.98);background:#1aad57!important}.whatsapp-chat-container.dark-template .wa-ios-text-input{color:#c7cccf}.whatsapp-chat-container.dark-template .wa-ios-text-input::placeholder{color:#708d91}.whatsapp-chat-container.dark-template .wa-pill-input-container{background:#2a3942;border-color:#3b4a54}.whatsapp-chat-container.dark-template .wa-ios-sticker-icon,.whatsapp-chat-container.dark-template .wa-ios-plus-btn,.whatsapp-chat-container.dark-template .wa-ios-action-icon,.whatsapp-chat-container.dark-template .wa-header-icon{color:#aebac1}.wa-msg-bubble{word-break:break-word;border-radius:12px;flex-direction:column;max-width:76%;padding:6px 10px 5px;font-size:.925rem;line-height:1.35;display:flex;position:relative;box-shadow:0 1px 1px #00000021}.wa-msg-bubble.incoming{background:var(--wa-bubble-in);color:var(--wa-text);border-top-left-radius:0;align-self:flex-start}.wa-msg-bubble.outgoing{background:var(--wa-bubble-out);color:var(--wa-text);border-top-right-radius:0;align-self:flex-end}.wa-msg-bubble.incoming:before{content:"";border:5px solid #0000;border-top-color:var(--wa-bubble-in);border-right-color:var(--wa-bubble-in);width:0;height:0;position:absolute;top:0;left:-8px}.wa-msg-bubble.outgoing:before{content:"";border:5px solid #0000;border-top-color:var(--wa-bubble-out);border-left-color:var(--wa-bubble-out);width:0;height:0;position:absolute;top:0;right:-8px}.wa-msg-meta{color:var(--wa-subtext);justify-content:flex-end;align-self:flex-end;align-items:center;gap:3px;margin-top:3px;font-size:.65rem;display:flex}.wa-msg-ticks{color:#34b7f1;display:flex}.wa-ticks-read{color:#34b7f1}.wa-options-wrapper{flex-direction:column;align-self:flex-start;gap:8px;width:76%;margin-top:4px;display:flex}.wa-option-btn{text-align:center;cursor:pointer;background:#fff;border:1px solid #e5e5ea;border-radius:10px;width:100%;padding:10px 14px;font-size:.925rem;font-weight:500;transition:background .15s,transform .1s;box-shadow:0 1px 2px #0000000d;color:#007aff!important}.wa-option-btn:hover{background:#f2f2f7;transform:scale(.98)}.wa-input-bar{background:var(--wa-bar-bg);border-top:1px solid var(--wa-border);z-index:10;align-items:center;gap:10px;padding:6px 10px 22px;display:flex}.wa-ios-plus-btn{color:#007aff;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:1.6rem;font-weight:300;transition:transform .1s;display:flex}.wa-ios-plus-btn:hover{transform:scale(1.1)}.wa-pill-input-container{background:var(--wa-input-bg);border:1px solid var(--wa-border);border-radius:18px;flex:1;align-items:center;gap:6px;padding:4px 10px 4px 12px;display:flex}.wa-ios-text-input{color:var(--wa-text);background:0 0;border:none;outline:none;flex:1;padding:4px 0;font-size:.95rem}.wa-ios-text-input::placeholder{color:var(--wa-subtext)}.wa-ios-sticker-icon{color:#007aff;cursor:pointer;opacity:.85}.wa-ios-sticker-icon:hover{opacity:1}.wa-ios-action-icon{color:#007aff;cursor:pointer;justify-content:center;align-items:center;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:1000;background:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;animation:.2s ease-out fade-in;display:flex;position:fixed;top:0;left:0}.modal-content{border:1px solid var(--border-color);background:#1e293b;border-radius:16px;flex-direction:column;gap:1.25rem;width:420px;max-width:90%;padding:1.5rem;animation:.2s cubic-bezier(.34,1.56,.64,1) scale-up;display:flex;box-shadow:0 25px 50px -12px #00000080}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.modal-header{border-bottom:1px solid var(--border-color);justify-content:space-between;align-items:center;padding-bottom:.75rem;display:flex}.modal-header h3{font-family:var(--font-title);color:#fff;font-size:1.15rem;font-weight:600}.avatar-selector-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;margin-top:.25rem;display:grid}.avatar-selector-option{aspect-ratio:1;cursor:pointer;border:2px solid #0000;border-radius:50%;width:100%;transition:border-color .15s;overflow:hidden}.avatar-selector-option.selected{border-color:var(--accent-color)}.avatar-selector-option img{object-fit:cover;width:100%;height:100%}.split-screen{flex:1;width:100%;height:100%;display:flex;overflow:hidden}.split-screen .canvas-wrapper{flex:1}@keyframes pulse-glow{0%{opacity:.8;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.flex{display:flex!important}.flex-1{flex:1!important}.items-center{align-items:center!important}.justify-between{justify-content:space-between!important}.justify-center{justify-content:center!important}.gap-2{gap:.5rem!important}.gap-4{gap:1rem!important}.w-full{width:100%!important}.h-full{height:100%!important}.overflow-hidden{overflow:hidden!important}.wa-recording-state{background:var(--wa-input-bg);border:1px solid var(--wa-border);border-radius:18px;gap:8px;width:100%;padding:4px 12px;justify-content:space-between!important;align-items:center!important;display:flex!important}.wa-recording-timer{color:var(--wa-text);align-items:center;gap:6px;font-size:.9rem;font-weight:500;display:flex}.wa-recording-wave-dots{align-items:center;gap:3px;display:flex}.wa-wave-dot{background-color:#ef4444;border-radius:2px;width:4px;height:12px;animation:.8s ease-in-out infinite alternate wa-bounce}.wa-audio-player{flex-direction:row!important;align-items:center!important;display:flex!important}@keyframes wa-bounce{0%{transform:scaleY(.4)}to{transform:scaleY(1.2)}}@keyframes pulse-red{0%{opacity:.6;transform:scale(.9)}to{opacity:1;transform:scale(1.1)}}.wa-typing-dots{align-items:center;gap:4px;display:flex}.wa-typing-dot{border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite typing-bounce}.wa-typing-dot:nth-child(2){animation-delay:.2s}.wa-typing-dot:nth-child(3){animation-delay:.4s}@keyframes typing-bounce{0%,60%,to{opacity:.5;transform:translateY(0)}30%{opacity:1;transform:translateY(-5px)}}.wa-video-player-container{border-radius:10px;max-width:100%;overflow:hidden}.wa-video-element{object-fit:contain;background:#000;width:100%;max-height:220px;display:block}.wa-header-icon{cursor:pointer;opacity:.85;transition:opacity .15s}.wa-header-icon:hover{opacity:1}.whatsapp-chat-container.dark .wa-option-btn{background:var(--wa-bubble-in);border-color:var(--wa-ios-dark-border);color:#53bdeb!important}.wa-msg-bubble.incoming.no-tail{border-top-left-radius:12px}.wa-msg-bubble.incoming.no-tail:before{display:none}.gap-1\.5{gap:.375rem!important}