.automation-demo{color:var(--foreground);letter-spacing:0}.automation-demo h2,.automation-demo h3,.automation-demo h4{color:var(--foreground)}.automation-demo-section{border-bottom:1px solid var(--border);padding:48px 0 72px}.automation-demo-heading{justify-content:space-between;align-items:end;gap:24px;margin-bottom:30px;display:flex}.automation-demo-heading h2{letter-spacing:0;max-width:760px;margin-top:14px;font-size:42px;font-weight:650;line-height:1.12}.automation-demo-heading p{max-width:440px;color:var(--muted-foreground);font-size:15px;line-height:1.7}.automation-demo-editor{border:1px solid var(--border-strong);background:var(--card);border-radius:8px;overflow:hidden}.automation-demo-bar{border-bottom:1px solid var(--border);align-items:center;gap:10px;padding:15px 20px;display:flex}.automation-demo-bar strong{font-size:14px}.automation-demo-badge{font:500 10px var(--font-mono);color:var(--muted-foreground);white-space:nowrap;margin-left:auto}.automation-demo-layout{grid-template-columns:320px minmax(0,1fr);display:grid}.automation-demo-prompt{border-right:1px solid var(--border);padding:24px}.automation-demo-prompt h3{margin:12px 0 20px;font-size:22px;font-weight:600;line-height:1.3}.automation-demo-prompt textarea{resize:vertical;min-height:142px;font-size:14px;line-height:1.65}.automation-demo-examples{flex-wrap:wrap;gap:6px;margin:14px 0;display:flex}.automation-demo-preview{background-color:var(--surface-2);background-image:radial-gradient(var(--border-strong) .8px, transparent .8px);background-size:20px 20px;min-width:0}.automation-demo-preview-top{justify-content:space-between;align-items:center;gap:12px;padding:22px 24px 0;display:flex}.automation-demo-preview-top h4{overflow-wrap:anywhere;font-size:15px;font-weight:600}.automation-demo-canvas{min-height:260px;padding:38px 20px 28px;overflow-x:auto}.automation-demo-track{justify-content:center;align-items:start;width:max-content;min-width:100%;display:flex}.automation-demo-unit{text-align:center;flex:none;width:134px;position:relative}.automation-demo-unit+.automation-demo-unit:before{content:"";background:var(--border-strong);width:64px;height:2px;position:absolute;top:35px;left:-32px}.automation-demo-node{border:5px solid var(--surface);width:70px;height:70px;box-shadow:0 0 0 1px var(--border-strong);background:var(--foreground);color:var(--background);border-radius:50%;padding:0;position:relative}.automation-demo-node svg{width:24px;height:24px}.automation-demo-node[data-kind=trigger]{background:var(--primary);color:var(--primary-foreground)}.automation-demo-node[data-kind=branch],.automation-demo-node[data-kind=wait]{background:var(--attention);color:var(--attention-foreground)}.automation-demo-node[data-selected=true]{outline:2px solid var(--primary);outline-offset:4px}.automation-demo-node.automation-demo-add{background:var(--card);color:var(--muted-foreground);border-style:dashed}.automation-demo-unit small{font:500 9px var(--font-mono);color:var(--muted-foreground);text-transform:uppercase;margin-top:14px;display:block}.automation-demo-unit strong{overflow-wrap:anywhere;max-width:120px;margin:6px auto 0;font-size:12px;font-weight:550;line-height:1.5;display:block}.automation-demo-branches{grid-template-columns:1fr 1fr;gap:24px;padding:0 24px 24px;display:grid}.automation-demo-branch{border-top:2px solid var(--attention);min-width:0;padding-top:12px}.automation-demo-branch:last-child{border-color:var(--border-strong)}.automation-demo-branch>span{font:600 10px var(--font-mono);color:var(--muted-foreground)}.automation-demo-branch>button{white-space:normal;text-align:left;justify-content:start;width:100%;height:auto;min-height:40px;margin-top:8px;padding:10px;display:flex}.automation-demo-step-editor{border:1px solid var(--border);background:var(--card);border-radius:8px;margin:0 24px 24px;padding:18px}.automation-demo-step-editor label{color:var(--muted-foreground);gap:6px;margin-top:12px;font-size:12px;display:grid}.automation-demo-field{border:1px solid var(--input);background:var(--background);width:100%;min-width:0;color:var(--foreground);border-radius:6px;outline:none;padding:10px 12px;font-size:14px}.automation-demo-field:focus{border-color:var(--ring);box-shadow:0 0 0 2px color-mix(in oklab,var(--ring) 15%,transparent)}.automation-demo-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:18px;padding:20px 24px;display:flex}.automation-demo-footer p{color:var(--muted-foreground);font-size:12px;line-height:1.6}.automation-demo-footer a{white-space:normal;text-align:center;height:auto;min-height:44px}.automation-demo-dialog{max-width:1040px;max-height:92dvh;padding:24px;overflow-y:auto}.automation-demo-dialog .automation-demo-heading h2{padding-right:26px;font-size:30px}.automation-demo-dialog .automation-demo-heading{margin-bottom:20px}.automation-demo-dialog .automation-demo-heading>p{display:none}@media (width<=850px){.automation-demo-heading{display:block}.automation-demo-heading h2{font-size:30px}.automation-demo-heading>p{margin-top:16px}.automation-demo-layout{grid-template-columns:minmax(0,1fr)}.automation-demo-prompt{border-right:0;border-bottom:1px solid var(--border);padding:20px}.automation-demo-prompt h3{margin:8px 0 12px;font-size:20px}.automation-demo-prompt textarea{min-height:110px}.automation-demo-canvas{min-height:220px;padding-block:30px}.automation-demo-track{justify-content:flex-start}.automation-demo-footer{text-align:center;flex-direction:column;align-items:stretch;padding:20px}.automation-demo-footer p{text-align:center}.automation-demo-dialog{width:96vw;padding:16px}.automation-demo-branches{gap:12px;padding-inline:16px}}@media (prefers-reduced-motion:reduce){.automation-demo *{transition:none!important;animation:none!important}}.react-grid-layout{transition:height .2s;position:relative}.react-grid-item{transition:left .2s,top .2s,width .2s,height .2s}.react-grid-item img{pointer-events:none;-webkit-user-select:none;user-select:none}.react-grid-item.cssTransforms{transition-property:transform,width,height}.react-grid-item.resizing{z-index:1;will-change:width, height;transition:none}.react-grid-item.react-draggable-dragging{z-index:3;will-change:transform;transition:none}.react-grid-item.dropping{visibility:hidden}.react-grid-item.react-grid-placeholder{opacity:.2;z-index:2;-webkit-user-select:none;user-select:none;-o-user-select:none;background:red;transition-duration:.1s}.react-grid-item.react-grid-placeholder.placeholder-resizing{transition:none}.react-grid-item>.react-resizable-handle{width:20px;height:20px;position:absolute}.react-grid-item>.react-resizable-handle:after{content:"";border-bottom:2px solid #0006;border-right:2px solid #0006;width:5px;height:5px;position:absolute;bottom:3px;right:3px}.react-resizable-hide>.react-resizable-handle{display:none}.react-grid-item>.react-resizable-handle.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-grid-item>.react-resizable-handle.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-w,.react-grid-item>.react-resizable-handle.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-n,.react-grid-item>.react-resizable-handle.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-grid-item>.react-resizable-handle.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-grid-item>.react-resizable-handle.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}.react-resizable{position:relative}.react-resizable-handle{box-sizing:border-box;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA2IDYiIHN0eWxlPSJiYWNrZ3JvdW5kLWNvbG9yOiNmZmZmZmYwMCIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI2cHgiIGhlaWdodD0iNnB4Ij48ZyBvcGFjaXR5PSIwLjMwMiI+PHBhdGggZD0iTSA2IDYgTCAwIDYgTCAwIDQuMiBMIDQgNC4yIEwgNC4yIDQuMiBMIDQuMiAwIEwgNiAwIEwgNiA2IEwgNiA2IFoiIGZpbGw9IiMwMDAwMDAiLz48L2c+PC9zdmc+);background-position:100% 100%;background-repeat:no-repeat;background-origin:content-box;width:20px;height:20px;padding:0 3px 3px 0;position:absolute}.react-resizable-handle-sw{cursor:sw-resize;bottom:0;left:0;transform:rotate(90deg)}.react-resizable-handle-se{cursor:se-resize;bottom:0;right:0}.react-resizable-handle-nw{cursor:nw-resize;top:0;left:0;transform:rotate(180deg)}.react-resizable-handle-ne{cursor:ne-resize;top:0;right:0;transform:rotate(270deg)}.react-resizable-handle-w,.react-resizable-handle-e{cursor:ew-resize;margin-top:-10px;top:50%}.react-resizable-handle-w{left:0;transform:rotate(135deg)}.react-resizable-handle-e{right:0;transform:rotate(315deg)}.react-resizable-handle-n,.react-resizable-handle-s{cursor:ns-resize;margin-left:-10px;left:50%}.react-resizable-handle-n{top:0;transform:rotate(225deg)}.react-resizable-handle-s{bottom:0;transform:rotate(45deg)}