.automation-demo.demo-connected{border-color:#8a9b73;border-radius:8px}.demo-connected .demo-disclosure{padding:11px 24px;font-size:12px;line-height:1.5}.demo-connected .demo-body{grid-template-columns:1fr 1.13fr}.demo-connected .demo-input,.demo-connected .demo-output{padding:24px}.demo-connected .demo-input h3{margin-bottom:15px;font-size:clamp(22px,1.8vw,27px)}.demo-connected .demo-examples{gap:7px;margin-bottom:17px}.demo-connected .demo-examples button{min-height:44px;padding:9px 15px;font-size:13px;transition:background-color .18s,color .18s,border-color .18s}.demo-connected .demo-examples button:hover{background:#d2dfbd;border-color:#35472a}.demo-connected .demo-examples button[aria-pressed=true]{background:#35472a}.demo-connected label{margin-bottom:7px;font-size:13px;line-height:1.5}.automation-demo.demo-connected textarea{scrollbar-color:#83956b #f6f8ef;min-height:100px;padding:12px 14px;font-size:14px;line-height:1.65;display:block}.demo-connected .demo-hint{font-size:12px;line-height:1.5;margin-top:8px!important;margin-bottom:16px!important}.demo-connected .demo-input>.button{min-height:44px;padding-block:12px}.demo-connected .demo-output{flex-direction:column;gap:16px;display:flex}.demo-connected .demo-motion{color:#d6f58a;background:#20271d;border-radius:6px;overflow:hidden}.demo-connected .demo-flow-trigger{color:inherit;text-align:left;background:0 0;border:0;width:100%;padding:12px 16px 4px;display:block}.demo-connected .demo-flow-trigger:focus-visible{outline-offset:-4px;outline:2px solid #d6f58a}.demo-connected .demo-network-header{color:#eaf1df;justify-content:space-between;align-items:center;gap:14px;font-size:12px;line-height:1.5;display:flex}.demo-connected .demo-play-label{color:#d6f58a;flex-shrink:0;align-items:center;gap:5px;display:inline-flex}.demo-connected .demo-play-label .arrow-icon{width:15px;height:15px;transition:translate .18s ease-out}.demo-connected .demo-flow-trigger:is(:hover,:focus-visible) .demo-play-label .arrow-icon{translate:3px}.demo-connected .demo-network{width:100%;height:120px;margin-top:4px;display:block;overflow:visible}.demo-connected .demo-network-mobile{display:none}.demo-connected .demo-wire,.demo-connected .demo-wire-signal{stroke:#56634a;stroke-width:1.4px}.demo-connected .demo-wire-signal{stroke:#d6f58a;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset .21s cubic-bezier(.16,1,.3,1)}.demo-connected .demo-node-ring{fill:#20271d;stroke:#728561;stroke-width:1.4px;transition:fill .18s,stroke .18s}.demo-connected .demo-node-core{fill:#9aac86;transition:fill .18s}.demo-connected .demo-network text{font:14.5px var(--font-studio,"Manrope", sans-serif);fill:#b8c7a8;transition:fill .18s}.demo-connected .demo-branch rect{fill:#20271d;stroke:#48573c;transition:fill .18s,stroke .18s}.demo-connected .demo-branch:not(.is-selected) text{fill:#9caa8e}.demo-connected .demo-branch.is-selected rect{stroke:#a3bc7c}.demo-connected .demo-branch.is-selected text{fill:#d6f58a}.demo-connected .demo-motion:is([data-stage="1"],[data-stage="2"],[data-stage="3"],[data-stage="4"],[data-stage="5"],[data-stage="6"]) [data-step="1"] .demo-node-ring,.demo-connected .demo-motion:is([data-stage="2"],[data-stage="3"],[data-stage="4"],[data-stage="5"],[data-stage="6"]) [data-step="2"] .demo-node-ring,.demo-connected .demo-motion:is([data-stage="4"],[data-stage="5"],[data-stage="6"]) [data-step="4"] .demo-node-ring,.demo-connected .demo-motion:is([data-stage="5"],[data-stage="6"]) [data-step="5"] .demo-node-ring,.demo-connected .demo-motion[data-stage="6"] [data-step="6"] .demo-node-ring{fill:#d6f58a;stroke:#d6f58a}.demo-connected .demo-motion:is([data-stage="1"],[data-stage="2"],[data-stage="3"],[data-stage="4"],[data-stage="5"],[data-stage="6"]) [data-step="1"] .demo-node-core,.demo-connected .demo-motion:is([data-stage="2"],[data-stage="3"],[data-stage="4"],[data-stage="5"],[data-stage="6"]) [data-step="2"] .demo-node-core,.demo-connected .demo-motion:is([data-stage="4"],[data-stage="5"],[data-stage="6"]) [data-step="4"] .demo-node-core,.demo-connected .demo-motion:is([data-stage="5"],[data-stage="6"]) [data-step="5"] .demo-node-core,.demo-connected .demo-motion[data-stage="6"] [data-step="6"] .demo-node-core{fill:#28351b}.demo-connected .demo-motion:is([data-stage="2"],[data-stage="3"],[data-stage="4"],[data-stage="5"],[data-stage="6"]) .demo-wire-signal[data-step="2"],.demo-connected .demo-motion:is([data-stage="3"],[data-stage="4"],[data-stage="5"],[data-stage="6"]) .demo-wire-signal[data-step="3"],.demo-connected .demo-motion:is([data-stage="4"],[data-stage="5"],[data-stage="6"]) .demo-wire-signal[data-step="4"],.demo-connected .demo-motion:is([data-stage="5"],[data-stage="6"]) .demo-wire-signal[data-step="5"],.demo-connected .demo-motion[data-stage="6"] .demo-wire-signal[data-step="6"]{stroke-dashoffset:0}.demo-connected .demo-motion:is([data-stage="3"],[data-stage="4"],[data-stage="5"],[data-stage="6"]) .demo-branch.is-selected rect{fill:#d6f58a;stroke:#d6f58a}.demo-connected .demo-motion:is([data-stage="3"],[data-stage="4"],[data-stage="5"],[data-stage="6"]) .demo-branch.is-selected text{fill:#28351b}.demo-connected .demo-flow-description{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-connected .demo-outcome{flex-direction:column;flex:1;display:flex}.demo-connected .demo-empty{text-align:left;align-items:flex-start;height:100%;min-height:150px}.demo-connected .demo-empty p{letter-spacing:-.025em;color:#2e4222;margin:0 0 8px;font-size:21px;line-height:1.4}.demo-connected .demo-empty>span{color:#425534;max-width:35ch;font-size:14px;line-height:1.6}.demo-connected .demo-task{margin-bottom:12px}.demo-connected .demo-task>span{margin-bottom:4px;font-size:12px;line-height:1.4}.demo-connected .demo-task p{margin-bottom:5px;font-size:16px;line-height:1.45}.demo-connected .demo-task small{color:#425534;font-size:12px;line-height:1.5;display:block}.automation-demo.demo-connected .demo-result textarea{min-height:93px}.demo-connected .demo-approval{align-items:center;gap:12px;margin-top:12px;display:flex}.demo-connected .demo-result .button{flex-shrink:0;min-height:44px;margin:0;padding:11px 14px;font-size:12px}.demo-connected .demo-confirmation{color:#3b512d;font-size:11px;line-height:1.5;margin:0!important}.demo-connected .demo-footnote{justify-content:space-between;align-items:center;gap:24px;padding:15px 24px;font-size:12px;line-height:1.5;display:flex}.demo-connected .demo-footnote>span{max-width:75ch}.demo-connected .demo-footnote a{flex-shrink:0;min-height:44px}.demo-connected button:disabled{opacity:.6;cursor:default}.demo-connected ::selection{color:#f3f2e9;background:#35472a}@media (max-width:1100px) and (min-width:761px){.demo-connected .demo-input,.demo-connected .demo-output{padding:20px}.demo-connected .demo-examples{gap:5px}.demo-connected .demo-examples button{padding-inline:10px}.demo-connected .demo-approval{flex-direction:column;align-items:flex-start;gap:6px}}@media (max-width:760px){.demo-connected .demo-body{grid-template-columns:1fr}.demo-connected .demo-disclosure{padding:12px 20px}.demo-connected .demo-input,.demo-connected .demo-output{padding:22px 20px}.demo-connected .demo-input{border-bottom:1px solid #a4b78d;border-right:0}.demo-connected .demo-input h3{max-width:none;font-size:24px}.demo-connected .demo-examples{gap:6px}.demo-connected .demo-examples button{padding-inline:13px;font-size:12px}.automation-demo.demo-connected textarea{min-height:125px;font-size:16px}.demo-connected .demo-input>.button{width:100%;font-size:14px}.demo-connected .demo-output{gap:18px}.demo-connected .demo-flow-trigger{padding:13px 12px 9px}.demo-connected .demo-network-header{gap:8px;font-size:11px}.demo-connected .demo-network{height:auto;margin-top:14px}.demo-connected .demo-network-desktop{display:none}.demo-connected .demo-network-mobile{display:block}.demo-connected .demo-network text{font-size:17.5px}.demo-connected .demo-empty{min-height:100px}.demo-connected .demo-empty p{font-size:20px}.demo-connected .demo-task p{font-size:17px}.demo-connected .demo-approval{flex-direction:column;align-items:stretch;gap:10px}.demo-connected .demo-result .button{width:100%;font-size:14px}.demo-connected .demo-confirmation{font-size:12px}.demo-connected .demo-footnote{padding:17px 20px;display:block}.demo-connected .demo-footnote a{width:fit-content;margin-top:8px;display:flex}}@media (prefers-reduced-motion:reduce){.demo-connected .demo-wire-signal,.demo-connected .demo-node-ring,.demo-connected .demo-node-core,.demo-connected .demo-branch rect,.demo-connected .demo-network text,.demo-connected .demo-play-label .arrow-icon{transition:none}}