.automation-demo[data-v-b639b300]{position:relative;container-type:inline-size}.automation-demo__scroller[data-v-b639b300]{height:640px;overflow-x:auto}.automation-demo__scroller[data-v-b639b300]>.app-window{min-width:720px}.automation-demo__main[data-v-b639b300]{grid-template-columns:minmax(0,1fr) 290px;height:100%;display:grid}.automation-demo__canvas[data-v-b639b300]{background-image:radial-gradient(var(--border-color) 1px, transparent 1px);background-size:18px 18px;flex-direction:column;min-height:0;padding:14px 18px;display:flex;position:relative;overflow-y:auto}.automation-demo__canvas-header[data-v-b639b300]{align-items:center;gap:10px;margin-bottom:16px;display:flex}.automation-demo__runs[data-v-b639b300]{color:var(--content-dark-color);font-size:12px}.automation-demo__flow[data-v-b639b300]{flex-direction:column;align-items:center;display:flex}.automation-demo__step[data-v-b639b300]{flex-direction:column;align-items:center;width:min(380px,100%);display:flex}.automation-demo__connector[data-v-b639b300]{background:var(--border-strong-color);width:2px;height:26px;position:relative;overflow:hidden}.automation-demo__connector[data-v-b639b300]:after{content:"";background:var(--node-color);transform-origin:top;height:100%;transition:transform .35s var(--ease-out);position:absolute;top:0;left:0;right:0;transform:scaleY(0)}.automation-demo__step--running .automation-demo__connector[data-v-b639b300]:after,.automation-demo__step--done .automation-demo__connector[data-v-b639b300]:after{transform:scaleY(1)}.automation-demo__node[data-v-b639b300]{background:var(--mock-main-color);width:100%;box-shadow:inset 0 0 0 1px var(--border-color), var(--shadow-sm);transition:box-shadow .3s var(--ease-out);border-radius:12px;align-items:center;gap:12px;padding:11px 13px;display:flex;position:relative}.automation-demo__step--trigger .automation-demo__node[data-v-b639b300]{border-top:3px solid var(--node-color)}.automation-demo__step--running .automation-demo__node[data-v-b639b300]{box-shadow:inset 0 0 0 1.5px var(--node-color), 0 0 0 5px color-mix(in oklab, var(--node-color) 18%, transparent)}.automation-demo__step--done .automation-demo__node[data-v-b639b300]{box-shadow:inset 0 0 0 1.5px var(--success-color)}.automation-demo__node-icon[data-v-b639b300]{background:color-mix(in oklab, var(--node-color) var(--chip-fill-amount), var(--chip-fill-base));width:34px;height:34px;color:color-mix(in oklab, var(--node-color) var(--chip-ink-amount), var(--chip-ink-base));border-radius:9px;flex-shrink:0;place-items:center;font-size:14px;display:grid}.automation-demo__step--running .automation-demo__node-icon[data-v-b639b300]{animation:.8s ease-in-out infinite pulse}.automation-demo__step--done .automation-demo__node-icon[data-v-b639b300]{background:var(--success-color);color:var(--on-primary-color)}.automation-demo__node-text[data-v-b639b300]{flex-direction:column;min-width:0;display:flex}.automation-demo__node-kind[data-v-b639b300]{text-transform:uppercase;letter-spacing:.08em;color:var(--content-dark-color);font-size:10.5px;font-weight:700}.automation-demo__node-title[data-v-b639b300]{color:var(--content-bright-color);font-size:13px;font-weight:700}.automation-demo__node-detail[data-v-b639b300]{color:var(--content-dim-color);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.automation-demo__panel[data-v-b639b300]{border-left:1px solid var(--border-color);flex-direction:column;gap:14px;min-height:0;padding:14px;display:flex;position:relative}.automation-demo__group[data-v-b639b300]{flex-direction:column;gap:8px;display:flex}.automation-demo__group--log[data-v-b639b300]{flex:1;min-height:0}.automation-demo__label[data-v-b639b300]{text-transform:uppercase;letter-spacing:.08em;color:var(--content-dark-color);font-size:10.5px;font-weight:700}.automation-demo__actions[data-v-b639b300]{flex-direction:column;gap:5px;display:flex}.automation-demo__action[data-v-b639b300]{border:1px dashed var(--border-strong-color);text-align:left;color:var(--content-dim-color);transition:border-color .2s var(--ease-out), background-color .2s var(--ease-out), color .2s var(--ease-out);background:0 0;border-radius:9px;align-items:center;gap:8px;padding:7px 9px;font-size:12px;font-weight:600;display:flex}.automation-demo__action[data-v-b639b300]>.icon:first-child{color:var(--node-color)}.automation-demo__action--enabled[data-v-b639b300]{border-style:solid;border-color:color-mix(in oklab, var(--node-color) 50%, var(--border-color));background:color-mix(in oklab, var(--node-color) 8%, transparent);color:var(--content-bright-color)}.automation-demo__action[data-v-b639b300]:disabled{cursor:default}.automation-demo__action-state[data-v-b639b300]{margin-left:auto;font-size:10px}.automation-demo__run[data-v-b639b300]{background:var(--primary-color);height:38px;color:var(--on-primary-color);border:0;border-radius:10px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:650;display:inline-flex}.automation-demo__run[data-v-b639b300]:hover:not(:disabled){background:var(--primary-hover-color)}.automation-demo__run[data-v-b639b300]:disabled{cursor:progress;opacity:.8}.automation-demo__log[data-v-b639b300]{background:var(--container-low-color);min-height:0;color:var(--content-normal-color);border-radius:10px;flex-direction:column;flex:1;gap:6px;padding:10px;font-size:11.5px;line-height:1.45;display:flex;overflow-y:auto}.automation-demo__log li[data-v-b639b300]{animation:fade-up .3s var(--ease-out)}.automation-demo__log .mono[data-v-b639b300]{color:var(--content-dark-color);font-size:10.5px;display:block}.automation-demo__log-empty[data-v-b639b300]{color:var(--content-dark-color)}.automation-demo__log-success[data-v-b639b300]{color:var(--success-color);font-weight:650}.automation-demo__phone[data-v-b639b300]{z-index:4;aspect-ratio:9/19;background:var(--device-frame-color);width:13.5rem;box-shadow:inset 0 0 0 1.5px var(--device-edge-color), var(--shadow-lg), 0 2.5rem 5rem -1.5rem color-mix(in oklab, var(--sms-bubble-color) 40%, transparent);transform-origin:50% 100%;border-radius:2.4rem;padding:.45rem;position:absolute;bottom:-4.5rem;right:calc(290px + 1.5rem);rotate:-4deg}.automation-demo__phone-screen[data-v-b639b300]{background:var(--mock-main-color);letter-spacing:-.01em;text-align:left;border-radius:2rem;flex-direction:column;height:100%;font-size:12px;display:flex;position:relative;overflow:hidden}.automation-demo__phone-status[data-v-b639b300]{height:2.1rem;color:var(--content-bright-color);flex-shrink:0;justify-content:space-between;align-items:center;padding:.2rem 1.15rem 0;font-size:.68rem;font-weight:700;display:flex;position:relative}.automation-demo__phone-island[data-v-b639b300]{background:var(--device-frame-color);border-radius:999px;width:4.2rem;height:1.15rem;position:absolute;top:.45rem;left:50%;transform:translate(-50%)}.automation-demo__phone-indicators[data-v-b639b300]{align-items:center;gap:.25rem;display:flex}.automation-demo__phone-bars[data-v-b639b300]{align-items:flex-end;gap:1.5px;height:.55rem;display:flex}.automation-demo__phone-bars span[data-v-b639b300]{background:currentColor;border-radius:1px;width:2.5px}.automation-demo__phone-bars span[data-v-b639b300]:first-child{height:35%}.automation-demo__phone-bars span[data-v-b639b300]:nth-child(2){height:55%}.automation-demo__phone-bars span[data-v-b639b300]:nth-child(3){height:78%}.automation-demo__phone-bars span[data-v-b639b300]:nth-child(4){height:100%}.automation-demo__phone-battery[data-v-b639b300]{width:1.05rem;height:.52rem;box-shadow:inset 0 0 0 1px color-mix(in oklab, currentColor 45%, transparent);border-radius:2.5px;position:relative}.automation-demo__phone-battery[data-v-b639b300]:after{content:"";background:currentColor;border-radius:1.5px;position:absolute;inset:1.5px 4px 1.5px 1.5px}.automation-demo__phone-header[data-v-b639b300]{border-bottom:1px solid var(--border-color);background:color-mix(in oklab, var(--container-low-color) 70%, transparent);flex-direction:column;flex-shrink:0;align-items:center;gap:.2rem;padding:.25rem 0 .5rem;display:flex;position:relative}.automation-demo__phone-back[data-v-b639b300]{color:var(--primary-color);font-size:.8rem;position:absolute;top:.75rem;left:.75rem;rotate:90deg}.automation-demo__phone-avatar[data-v-b639b300]{background:linear-gradient(180deg, var(--content-dark-color), var(--content-dim-color));width:2.1rem;height:2.1rem;color:var(--mock-main-color);letter-spacing:.02em;border-radius:50%;place-items:center;font-size:.75rem;font-weight:700;display:grid}.automation-demo__phone-name[data-v-b639b300]{color:var(--content-bright-color);align-items:center;gap:.2rem;font-size:.62rem;font-weight:600;display:inline-flex}.automation-demo__phone-name[data-v-b639b300] .icon{color:var(--content-dark-color);font-size:.45rem;rotate:-90deg}.automation-demo__phone-thread[data-v-b639b300]{flex-direction:column;flex:1;justify-content:flex-end;gap:.3rem;min-height:0;padding:.6rem .75rem .4rem .65rem;display:flex}.automation-demo__phone-meta[data-v-b639b300]{color:var(--content-dark-color);flex-direction:column;align-items:center;margin-bottom:.35rem;font-size:.55rem;line-height:1.35;display:flex}.automation-demo__phone-meta strong[data-v-b639b300]{font-weight:650}.automation-demo__bubble[data-v-b639b300]{border-radius:.95rem;max-width:82%;padding:.42rem .65rem;font-size:.7rem;line-height:1.35;position:relative}.automation-demo__bubble[data-v-b639b300]:before,.automation-demo__bubble[data-v-b639b300]:after{content:"";height:15px;position:absolute;bottom:0}.automation-demo__bubble--sent[data-v-b639b300]{background:var(--sms-bubble-color);color:var(--on-sms-bubble-color);transform-origin:100% 100%;animation:sms-send-b639b300 .65s var(--ease-spring) .25s both;align-self:flex-end}.automation-demo__bubble--sent[data-v-b639b300]:before{background:var(--sms-bubble-color);border-bottom-left-radius:10px 9px;width:12px;right:-4px}.automation-demo__bubble--sent[data-v-b639b300]:after{background:var(--mock-main-color);border-bottom-left-radius:6px;width:15px;right:-15px}.automation-demo__bubble--received[data-v-b639b300]{background:var(--container-color);color:var(--content-bright-color);transform-origin:0 100%;align-self:flex-start}.automation-demo__bubble--received[data-v-b639b300]:before{background:var(--container-color);border-bottom-right-radius:10px 9px;width:12px;left:-4px}.automation-demo__bubble--received[data-v-b639b300]:after{background:var(--mock-main-color);border-bottom-right-radius:6px;width:15px;left:-15px}.automation-demo__bubble--typing[data-v-b639b300]{align-items:center;gap:3px;padding:.55rem .7rem;display:inline-flex}.automation-demo__bubble--typing>span[data-v-b639b300]{background:var(--content-dark-color);border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite sms-typing-b639b300}.automation-demo__bubble--typing>span[data-v-b639b300]:nth-child(2){animation-delay:.15s}.automation-demo__bubble--typing>span[data-v-b639b300]:nth-child(3){animation-delay:.3s}.automation-demo__phone-delivered[data-v-b639b300]{color:var(--content-dark-color);align-self:flex-end;margin-top:-.1rem;margin-right:.2rem;font-size:.52rem;font-weight:600}.automation-demo__phone-composer[data-v-b639b300]{flex-shrink:0;align-items:center;gap:.4rem;margin:.25rem .6rem .95rem;display:flex}.automation-demo__phone-plus[data-v-b639b300]{background:var(--container-color);width:1.4rem;height:1.4rem;color:var(--content-dim-color);border-radius:50%;flex-shrink:0;place-items:center;font-size:.6rem;display:grid}.automation-demo__phone-field[data-v-b639b300]{height:1.4rem;box-shadow:inset 0 0 0 1px var(--border-strong-color);color:var(--content-dark-color);border-radius:999px;flex:1;align-items:center;padding:0 .6rem;font-size:.6rem;display:flex}.automation-demo__phone-close[data-v-b639b300]{border:1px solid var(--border-color);background:var(--card-color);width:1.9rem;height:1.9rem;box-shadow:var(--shadow-md);color:var(--content-dim-color);transition:color .2s var(--ease-out), transform .2s var(--ease-out);border-radius:50%;place-items:center;font-size:.75rem;display:grid;position:absolute;top:-.55rem;right:-.55rem}.automation-demo__phone-close[data-v-b639b300]:hover{color:var(--content-bright-color);transform:scale(1.08)}.automation-node-enter-active[data-v-b639b300],.automation-node-leave-active[data-v-b639b300]{transition:opacity .3s var(--ease-out), transform .3s var(--ease-out)}.automation-node-enter-from[data-v-b639b300],.automation-node-leave-to[data-v-b639b300]{opacity:0;transform:scale(.96)}.automation-node-move[data-v-b639b300]{transition:transform .3s var(--ease-out)}.automation-phone-enter-active[data-v-b639b300]{transition:opacity .35s var(--ease-out), transform .8s var(--ease-spring)}.automation-phone-leave-active[data-v-b639b300]{transition:opacity .25s var(--ease-out), transform .35s var(--ease-out)}.automation-phone-enter-from[data-v-b639b300]{opacity:0;transform:translateY(45%)rotate(9deg)scale(.9)}.automation-phone-leave-to[data-v-b639b300]{opacity:0;transform:translateY(20%)scale(.95)}.automation-fade-enter-active[data-v-b639b300]{transition:opacity .3s var(--ease-out)}.automation-fade-enter-from[data-v-b639b300]{opacity:0}.automation-bubble-enter-active[data-v-b639b300]{transition:opacity .25s var(--ease-out), transform .45s var(--ease-spring)}.automation-bubble-leave-active[data-v-b639b300]{transition:opacity .12s var(--ease-out)}.automation-bubble-enter-from[data-v-b639b300]{opacity:0;transform:scale(.6)translateY(6px)}.automation-bubble-leave-to[data-v-b639b300]{opacity:0}@keyframes sms-send-b639b300{0%{opacity:0;transform:translateY(3.5rem)scale(.55)}to{opacity:1;transform:none}}@keyframes sms-typing-b639b300{0%,60%,to{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@container (width<=1180px){.automation-demo__phone[data-v-b639b300]{bottom:-3.75rem;right:1rem;rotate:3deg}}@container (width<=720px){.automation-demo__phone[data-v-b639b300]{width:11.5rem;bottom:-2.5rem;right:.25rem}}