.workflow-canvas-wrapper{z-index:5;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}.node-wrapper{-webkit-user-select:none;user-select:none;z-index:10;flex-direction:column;align-items:center;width:120px;display:flex;position:absolute}.n8n-node-block{cursor:pointer;z-index:2;background:#252527;border:1px solid #3f3f46;border-radius:14px;justify-content:center;align-items:center;width:72px;height:72px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 12px #0000004d}.n8n-node-block:hover{background:#2d2d30;border-color:#52525b;transform:translateY(-2px);box-shadow:0 8px 24px #00000080}.chatgpt-circle-node{z-index:2;background:#111;border:1px solid #333;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 4px 12px #0000004d}.chatgpt-circle-node:hover{border-color:#555;transform:translateY(-2px);box-shadow:0 6px 16px #00000080}.chatgpt-circle-node .n8n-icon{font-size:20px!important}.n8n-icon{font-size:28px}.node-text-container{text-align:center;margin-top:10px}.node-title{color:#f4f4f5;margin-bottom:2px;font-size:13px;font-weight:600;line-height:1.2}.node-subtitle{color:#a1a1aa;font-size:10px;font-weight:500}.n8n-handle{z-index:10;background:#a1a1aa;border:2px solid #252527;border-radius:50%;width:10px;height:10px;transition:transform .1s,background .1s;position:absolute}.n8n-node-block:hover .n8n-handle{border-color:#2d2d30}.n8n-handle:hover{cursor:crosshair;background:#fff;transform:scale(1.3)}.handle-input{top:50%;left:-5px;transform:translateY(-50%)}.handle-output{top:50%;right:-5px;transform:translateY(-50%)}.handle-output:hover,.handle-input:hover{transform:translateY(-50%)scale(1.3)}.handle-out-top{top:30%;right:-5px;transform:translateY(-50%)}.handle-out-bottom{top:70%;right:-5px;transform:translateY(-50%)}.handle-out-top:hover,.handle-out-bottom:hover{transform:translateY(-50%)scale(1.3)}.out-label{color:#a1a1aa;font-size:10px;font-weight:500;position:absolute;right:-30px}.label-true{top:25%}.label-false{top:65%}.color-webhook{color:#f43f5e}.color-if{color:#22c55e}.color-http{color:#3b82f6}.color-slack{color:#e11d48}.color-sheet{color:#10b981}.color-email{color:#6b7280}.color-code{color:#eab308}.color-llm{color:#f8fafc}.color-postgres{color:#0ea5e9}.color-set{color:#8b5cf6}.color-success{color:#22c55e}.color-rejected{color:#ef4444}@keyframes success-pulse{0%{border-color:#22c55e80;transform:scale(1);box-shadow:0 0 #22c55eb3}50%{border-color:#22c55e;transform:scale(1.05);box-shadow:0 0 0 15px #22c55e00}to{border-color:#22c55e80;transform:scale(1);box-shadow:0 0 #22c55e00}}.node-success-anim{animation:2s cubic-bezier(.66,0,0,1) infinite success-pulse;border:2px solid #22c55e80!important}@keyframes rejected-pulse{0%{border-color:#ef444480;transform:scale(1);box-shadow:0 0 #ef4444b3}50%{border-color:#ef4444;transform:scale(1.05);box-shadow:0 0 0 15px #ef444400}to{border-color:#ef444480;transform:scale(1);box-shadow:0 0 #ef444400}}.node-rejected-anim{animation:2s cubic-bezier(.66,0,0,1) infinite rejected-pulse;border:2px solid #ef444480!important}@keyframes dash-flow{0%{stroke-dashoffset:20px}to{stroke-dashoffset:0}}.svg-path-line{stroke:#4b5563;stroke-width:2px;fill:none;transition:stroke .3s}.svg-path-line.active{stroke:#6b7280}.svg-data-packet{fill:#fff;filter:drop-shadow(0 0 4px #fffc)}@media (max-width:767px){.workflow-canvas-wrapper{transform-origin:0 0;opacity:.25;transform:scale(.4)translateY(20%)}}
.chat-showcase-container{opacity:0}.chat-launcher,.chat-window,.msg-user,.msg-typing,.msg-bot,.msg-options,.fake-cursor,.option-btn1{animation-play-state:paused}.is-animating .chat-launcher,.is-animating .chat-window,.is-animating .msg-user,.is-animating .msg-typing,.is-animating .msg-bot,.is-animating .msg-options,.is-animating .fake-cursor,.is-animating .option-btn1{animation-play-state:running}.chat-launcher{transform-origin:50%;animation:10s infinite forwards launcherPop}.chat-window{transform-origin:100% 100%;animation:10s infinite forwards windowPop}.msg-user{opacity:0;animation:10s infinite forwards msgUserPop}.msg-typing{opacity:0;animation:10s infinite forwards typingPop}.msg-bot{opacity:0;animation:10s infinite forwards msgBotPop}.msg-options{opacity:0;animation:10s infinite forwards msgOptionsPop}.fake-cursor{opacity:0;z-index:100;animation:10s infinite forwards cursorMove}.option-btn1{animation:10s infinite btnClick}@keyframes windowPop{0%,20%{opacity:0;pointer-events:none;transform:scale(.8)translateY(20px)}25%,85%{opacity:1;pointer-events:auto;transform:scale(1)translateY(0)}90%,to{opacity:0;pointer-events:none;transform:scale(.8)translateY(20px)}}@keyframes launcherPop{0%,20%{opacity:1;pointer-events:auto;transform:scale(1)}25%,85%{opacity:0;pointer-events:none;transform:scale(.5)}90%,to{opacity:1;pointer-events:auto;transform:scale(1)}}@keyframes cursorMove{0%{opacity:0;transform:translate(300px,450px)}5%{opacity:1;transform:translate(300px,450px)}15%{opacity:1;transform:translate(345px,435px)}18%{opacity:1;transform:translate(345px,435px)scale(.8)}22%{opacity:1;transform:translate(345px,435px)scale(1)}35%{opacity:1;transform:translate(150px,250px)}55%{opacity:1;transform:translate(120px,320px)}60%{opacity:1;transform:translate(75px,360px)}63%{opacity:1;transform:translate(75px,360px)scale(.8)}67%{opacity:1;transform:translate(75px,360px)scale(1)}75%{opacity:0;transform:translate(250px,450px)}to{opacity:0;transform:translate(300px,450px)}}@keyframes msgUserPop{0%,25%{opacity:0;transform:translateY(10px)scale(.95)}30%,85%{opacity:1;transform:translateY(0)scale(1)}90%,to{opacity:0;transform:translateY(-10px)scale(.95)}}@keyframes typingPop{0%,30%{opacity:0;transform:translateY(10px)scale(.95)}35%,45%{opacity:1;transform:translateY(0)scale(1)}50%,to{opacity:0;transform:translateY(-10px)scale(.95)}}@keyframes msgBotPop{0%,45%{opacity:0;transform:translateY(10px)scale(.95)}50%,85%{opacity:1;transform:translateY(0)scale(1)}90%,to{opacity:0;transform:translateY(-10px)scale(.95)}}@keyframes msgOptionsPop{0%,55%{opacity:0;transform:translateY(10px)scale(.95)}60%,85%{opacity:1;transform:translateY(0)scale(1)}90%,to{opacity:0;transform:translateY(-10px)scale(.95)}}@keyframes btnClick{0%,62%{color:#374151;background:#fff;border-color:#e5e7eb}63%,85%{color:#fff;background:#3b82f6;border-color:#3b82f6}90%,to{color:#374151;background:#fff;border-color:#e5e7eb}}.typing-dot{background:currentColor;border-radius:50%;width:6px;height:6px;animation:1.4s infinite both blink}.typing-dot:first-child{animation-delay:.2s}.typing-dot:nth-child(2){animation-delay:.4s}.typing-dot:nth-child(3){animation-delay:.6s}@keyframes blink{0%{opacity:.2}20%{opacity:1}to{opacity:.2}}