.agent-examples .ae-scroll-track{--ae-sticky-top:88px;--ae-scroll-step:clamp(330px,55svh,600px);position:relative;overflow-anchor:none}.agent-examples .ae-scroll-track[data-scroll-ready=true]{height:calc(var(--ae-board-height) + 4 * var(--ae-scroll-step))}.agent-examples .ae-scroll-track[data-scroll-ready=true]>.ae-diagram-board{position:sticky;top:var(--ae-sticky-top)}.agent-examples .ae-scroll-workbench .ae-phase-tabs{padding-block:10px}.agent-examples .ae-scroll-workbench .ae-flow-desktop{margin-top:8px}.agent-examples .ae-scroll-workbench .ae-flow-legend{display:none}.agent-examples .ae-scroll-workbench .ae-flow-narration{padding:17px 0;min-height:120px;gap:24px}.agent-examples .ae-scroll-workbench .ae-flow-narration p{font-size:15px;line-height:1.6}.agent-examples .ae-scroll-footer{display:flex;align-items:center;gap:18px;min-height:44px;padding:9px 0;border-top:1px solid #e3dce9;color:#7b6b86;font:400 14px/1.4 var(--body)}.agent-examples .ae-scroll-footer>span:first-child{margin-right:auto}.agent-examples .ae-scroll-footer>span:last-child{flex-shrink:0}.agent-examples .ae-scroll-progress{display:flex;width:90px;gap:4px}.agent-examples .ae-scroll-progress i{height:3px;flex:1;border-radius:3px;background:#e0d5e8}.agent-examples .ae-scroll-progress i[data-past]{background:var(--purple)}.agent-examples .ae-scroll-workbench .ae-flow-node[data-active]{animation:ae-scroll-node-in .5s ease both}.agent-examples .ae-flow-focus{display:none}@keyframes ae-scroll-node-in{0%{translate:0 5px}to{translate:0 0}}@media(max-height:870px),(max-width:1250px){.agent-examples .ae-scroll-overview{display:none}.agent-examples .ae-flow-focus{display:block;max-width:720px;margin:0 auto;padding:20px 10px 10px}.agent-examples .ae-focus-route{display:flex;justify-content:space-between;align-items:center;max-width:360px;margin:0 auto 17px}.agent-examples .ae-focus-route>span{display:grid;place-items:center;width:40px;height:40px;border:1px solid #cfc1dc;border-radius:10px;background:#fffdfa;color:#ac99ba;position:relative}.agent-examples .ae-focus-route>span+span:before{content:"";position:absolute;right:100%;width:40px;height:1px;background:#cfc1dc}.agent-examples .ae-focus-route>span[data-active]{color:#fff;background:var(--purple);border-color:var(--purple)}.agent-examples .ae-focus-route>span[data-past]{color:var(--purple);background:#eee5f7}.agent-examples .ae-focus-scene{min-height:272px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:18px 28px;border:1px solid #dacde5;border-radius:13px;background:#fffcf7}.agent-examples .ae-focus-label{display:block;font-size:14px;line-height:1.4;color:#8a769c}.agent-examples .ae-focus-scene h3{font:400 30px/1.25 var(--display);margin:10px 0 0;max-width:22ch}.agent-examples .ae-focus-scene p{font:400 15px/1.6 var(--body);margin:13px 0 0;max-width:40ch;color:var(--graphite)}.agent-examples .ae-focus-large-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:13px;background:#eee4f7;color:var(--purple);margin-bottom:12px}.agent-examples .ae-focus-large-icon svg{width:28px;height:28px}.agent-examples .ae-focus-thread{height:21px;width:1px;background:#baa8c9;position:relative;margin:10px 0}.agent-examples .ae-focus-thread:after{content:"";position:absolute;bottom:0;width:6px;height:6px;border-bottom:1px solid #baa8c9;border-right:1px solid #baa8c9;transform:translateX(-2.5px) rotate(45deg)}.agent-examples .ae-focus-recipient{display:flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid #cfbfde;border-radius:7px;background:#f1e9f8;color:#77529c;font-size:14px}.agent-examples .ae-focus-sources{display:flex;width:100%;gap:10px;margin-top:19px}.agent-examples .ae-focus-sources>div{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:9px;border:1px solid #ddd2e4;border-radius:8px;background:#f7f3fa;min-height:90px;padding:12px 9px;color:#786486;font-size:14px;line-height:1.35}.agent-examples .ae-focus-scene-2{background:var(--purple);color:#fff;border-color:var(--purple)}.agent-examples .ae-focus-scene-2 .ae-focus-large-icon{background:#ffffff1a;color:#fff}.agent-examples .ae-focus-scene-2 .ae-focus-label,.agent-examples .ae-focus-scene-2 p{color:#f0e6ff}.agent-examples .ae-focus-pulse{display:flex;gap:7px;margin-top:22px}.agent-examples .ae-focus-pulse i{width:6px;height:6px;border-radius:50%;background:#d6bdec;animation:ae-focus-dot 1s ease-in-out 2}.agent-examples .ae-focus-pulse i:nth-child(2){animation-delay:.15s}.agent-examples .ae-focus-pulse i:nth-child(3){animation-delay:.3s}.agent-examples .ae-focus-results{width:100%;display:grid;gap:10px;margin:14px 0}.agent-examples .ae-focus-results>div{display:flex;align-items:center;gap:12px;padding:11px 14px;border:1px solid #c5d4bc;border-radius:7px;background:#f2f5ed;color:var(--ae-green);text-align:left}.agent-examples .ae-focus-results svg{flex-shrink:0}.agent-examples .ae-focus-results strong{display:block;font:500 16px/1.3 var(--body)}.agent-examples .ae-focus-results small{display:block;font:400 14px/1.4 var(--body);margin-top:4px}.agent-examples .ae-focus-results small:first-child{margin:0 0 3px;color:#687a5f}.agent-examples .ae-focus-status{display:block;font:500 14px/1.4 var(--body);color:#725b48;padding:7px 12px;border:1px solid #dbc6b0;background:#f7ecdf;border-radius:5px}.agent-examples .ae-focus-scene-4{background:#f5e8db;border-color:#d8bda5}.agent-examples .ae-focus-scene-4 .ae-focus-large-icon{background:#ead5c1;color:#8a6246}.agent-examples .ae-focus-scene-4 .ae-focus-status{margin-top:20px}.agent-examples .ae-focus-caption{display:block;font:400 14px/1.4 var(--body);color:#806b90;margin-top:12px;text-align:center}.agent-examples .ae-scroll-workbench .ae-flow-narration{flex-direction:row;align-items:center}.agent-examples .ae-scroll-workbench .ae-phase-tabs{flex-wrap:nowrap;justify-content:space-between;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}.agent-examples .ae-scroll-workbench .ae-phase-tabs::-webkit-scrollbar{display:none}.agent-examples .ae-scroll-workbench .ae-phase-tabs li{flex:0 0 auto}.agent-examples .ae-scroll-workbench .ae-flow-narration .ae-step-controls{width:auto}}@media(max-width:650px){.agent-examples .ae-scroll-workbench .ae-diagram-board{padding-inline:13px}.agent-examples .ae-scroll-workbench .ae-phase-tabs{margin-inline:-13px;padding:8px;gap:7px}.agent-examples .ae-flow-focus{padding:13px 0 5px}.agent-examples .ae-focus-route{max-width:265px;margin-bottom:13px}.agent-examples .ae-focus-route>span{width:34px;height:34px;border-radius:8px}.agent-examples .ae-focus-route>span svg{width:20px;height:20px}.agent-examples .ae-focus-route>span+span:before{width:24px}.agent-examples .ae-focus-scene{min-height:275px;padding:16px 14px}.agent-examples .ae-focus-scene h3{font-size:25px}.agent-examples .ae-focus-scene p{font-size:14px;line-height:1.5}.agent-examples .ae-focus-sources{gap:6px}.agent-examples .ae-focus-sources>div{padding:10px 6px}.agent-examples .ae-focus-caption{display:none}.agent-examples .ae-scroll-workbench .ae-flow-narration{flex-direction:column;align-items:stretch;gap:12px;padding:13px 0;min-height:0}.agent-examples .ae-scroll-workbench .ae-flow-narration p{font-size:14px;line-height:1.5;margin-top:5px}.agent-examples .ae-scroll-workbench .ae-flow-narration>div:first-child{min-height:102px}.agent-examples .ae-scroll-workbench .ae-flow-narration .ae-step-controls{width:100%}.agent-examples .ae-step-controls button{padding:8px 9px}.agent-examples .ae-scroll-footer{gap:9px;font-size:14px}.agent-examples .ae-scroll-progress{display:none}}@media(max-height:740px),(max-width:650px){.agent-examples .ae-flow-focus{padding-top:10px}.agent-examples .ae-focus-route{margin-bottom:10px}.agent-examples .ae-focus-scene{min-height:180px;padding:12px}.agent-examples .ae-focus-caption,.agent-examples .ae-focus-large-icon,.agent-examples .ae-scroll-footer{display:none}.agent-examples .ae-focus-scene h3{font-size:24px;margin-top:7px}.agent-examples .ae-focus-thread{height:12px;margin:6px 0}.agent-examples .ae-focus-recipient{padding:6px 10px}.agent-examples .ae-focus-sources{margin-top:10px}.agent-examples .ae-focus-sources>div{min-height:70px;padding:7px}.agent-examples .ae-focus-results{display:flex;align-items:stretch;gap:7px;margin:10px 0}.agent-examples .ae-focus-results>div{flex:1;flex-direction:column;align-items:flex-start;padding:9px;gap:7px}.agent-examples .ae-focus-results strong{font-size:14px}.agent-examples .ae-focus-results small{display:none}.agent-examples .ae-focus-pulse{margin-top:12px}.agent-examples .ae-scroll-workbench .ae-flow-narration{min-height:0;padding:10px 0}.agent-examples .ae-scroll-workbench .ae-flow-narration>div:first-child{min-height:0}.agent-examples .ae-scroll-workbench .ae-flow-narration .ae-label{display:none}.agent-examples .ae-scroll-workbench .ae-flow-narration p{margin:0}}@keyframes ae-focus-enter{0%{translate:0 5px}to{translate:0 0}}@keyframes ae-focus-dot{0%,to{opacity:.4}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.agent-examples :is(.ae-focus-scene,.ae-scroll-workbench .ae-flow-node[data-active],.ae-focus-pulse i){animation:none}}.agent-examples .ae-flow-motif{display:block;width:min(100%,330px);height:88px;margin:0 auto 12px;color:#f0e2ff}.agent-examples .ae-motif-travel{animation:ae-motif-travel 1s ease both}@keyframes ae-motif-travel{0%{stroke-dasharray:1;stroke-dashoffset:1}to{stroke-dasharray:1;stroke-dashoffset:0}}@media(max-height:740px),(max-width:650px){.agent-examples .ae-flow-motif{height:58px;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){.agent-examples .ae-motif-travel{animation:none}}.agent-examples .ae-focus-scenes,.agent-examples .ae-narration-stack{display:grid;min-width:0}.agent-examples .ae-focus-scenes>.ae-focus-scene,.agent-examples .ae-narration-stack>div{grid-area:1/1;min-width:0;visibility:hidden;pointer-events:none}.agent-examples .ae-focus-scenes>[data-active],.agent-examples .ae-narration-stack>[data-active]{visibility:visible;pointer-events:auto}.agent-examples .ae-focus-scene[data-active]{animation:ae-focus-enter .3s ease both}.agent-examples .ae-focus-scene:not([data-active]) .ae-motif-travel{animation:none}.agent-examples .ae-focus-results>div,.agent-examples .ae-focus-sources>div{min-width:0;overflow-wrap:anywhere}.agent-examples .ae-viewport-measure{position:absolute;width:0;height:100svh;visibility:hidden;pointer-events:none}.agent-examples .ae-scroll-track[data-scroll-ready=false] .ae-scroll-footer{visibility:hidden}@media(prefers-reduced-motion:reduce){.agent-examples .ae-focus-scene[data-active]{animation:none}}.agent-examples .ae-manual-hint,.agent-examples .ae-scroll-workbench[data-scroll-mode=manual] .ae-scroll-hint{display:none}.agent-examples .ae-scroll-workbench[data-scroll-mode=manual] .ae-manual-hint{display:inline}.agent-examples .ae-scroll-workbench .ae-diagram-board{scroll-margin-top:var(--ae-sticky-top)}