.docs-prose .request-flow{--flow-accent:#74608f;--flow-green:#3c735a;--flow-red:#a24646;border:1px solid var(--line);background:var(--panel);border-radius:16px;margin:28px 0 32px;padding:24px;container-type:inline-size}.request-flow-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.request-flow-heading>div{gap:6px;display:grid}.request-flow-heading strong{letter-spacing:-.4px;font-size:18px}.request-flow button{font:inherit;cursor:pointer}.request-flow-play{white-space:nowrap;background:var(--surface);border:1px solid var(--line);border-radius:8px;flex-shrink:0;align-items:center;gap:6px;padding:8px 12px;display:inline-flex;font-size:12px!important}.request-flow-scenarios{gap:4px;margin:20px 0;display:flex}.request-flow-scenarios button{color:var(--muted);background:0 0;border:1px solid #0000;border-radius:6px;padding:6px 14px;font-size:12px}.request-flow-scenarios button[aria-pressed=true]{background:var(--ink);color:var(--surface)}.flow-scene{border:1px solid var(--line);background:var(--surface);border-radius:12px;overflow:hidden}.flow-scene-label{letter-spacing:.7px;color:var(--muted);border-bottom:1px solid var(--line-soft);flex-wrap:wrap;justify-content:space-between;gap:8px;padding:13px 16px;font:9px ui-monospace,monospace;display:flex}.flow-diagram{background-image:radial-gradient(var(--line) .6px, transparent .6px);background-size:12px 12px;grid-template-columns:minmax(0,1fr) 32px minmax(0,1fr) 32px minmax(0,1fr);align-items:center;min-height:245px;padding:28px 18px;display:grid}.flow-node{background:var(--surface);border:1px solid var(--line);border-radius:10px;min-width:0;padding:12px;transition:border-color .3s,box-shadow .3s;position:relative;box-shadow:0 3px 8px #24232905}.flow-node[data-active=true]{border-color:var(--flow-accent);box-shadow:0 0 0 3px #74608f0c,0 6px 18px #24232909}.flow-node-heading{align-items:center;gap:6px;min-height:28px;font-size:11px;font-weight:600;display:flex}.flow-node-heading>svg{width:15px;height:15px;color:var(--flow-accent);flex-shrink:0}.flow-node-heading>i{background:var(--line);border-radius:50%;flex-shrink:0;width:5px;height:5px;margin-left:auto}.flow-node[data-active=true] .flow-node-heading>i{background:var(--flow-accent)}.flow-role{color:var(--muted);letter-spacing:.8px;font:9px ui-monospace,monospace;display:block}.flow-prompt{min-height:105px;padding:12px 0}.docs-prose .flow-prompt p{overflow-wrap:anywhere;margin:8px 0 0;font-size:12px;line-height:1.7}.flow-prompt mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:#ecd8d35e;padding:2px 0}.flow-prompt mark[data-redacted=true]{color:#645278;background:#e8e1ee;font-size:10px}.flow-node-status{color:var(--muted);border-top:1px solid var(--line-soft);min-height:39px;padding-top:9px;font-size:10px;line-height:1.5;display:block}.flow-connection{background:var(--line);height:2px;position:relative;overflow:hidden}.flow-connection i{background:linear-gradient(90deg, transparent 30%, var(--flow-accent) 45%, var(--flow-accent) 55%, transparent 70%);opacity:0;position:absolute;inset:0;transform:translate(-100%)}.flow-connection[data-active=true] i{animation:2.4s linear infinite flow-packet}.flow-connection i:nth-child(2){animation-delay:.8s}.flow-connection i:nth-child(3){animation-delay:1.6s}.flow-processing{gap:12px;min-width:0;display:grid}.flow-classifier{align-items:center;height:105px;display:grid;position:relative;overflow:hidden}.flow-classifier svg{width:100%;max-height:100px}.flow-classifier path{stroke:#c4b8cd;stroke-width:.6px}.flow-classifier circle{fill:#b7a8c4}.flow-classifier g:nth-child(2) circle{fill:#93b5a2}.flow-classifier g:nth-child(3) circle{fill:#ce9d8c}.flow-classifier[data-active=true] g circle{animation:2.4s ease-in-out infinite flow-point;animation-delay:calc(var(--i) * .13s);transform-box:fill-box;transform-origin:50%}.flow-classifier .flow-query-point{fill:var(--flow-accent);stroke:var(--surface);stroke-width:3px;opacity:0;transition:opacity .3s}.flow-classifier[data-active=true] .flow-query-point{opacity:1}.flow-classifier[data-blocked=true] .flow-query-point{fill:var(--flow-red)}.flow-scan-beam{opacity:0;background:linear-gradient(90deg,#0000 44%,#74608f20 49%,#74608f50 50%,#0000 51%);position:absolute;inset:0}.flow-classifier[data-active=true] .flow-scan-beam{animation:3s ease-in-out infinite flow-packet}.flow-token-buffer{flex-wrap:wrap;align-content:center;gap:5px;height:65px;padding:8px 0;display:flex}.flow-token-buffer i{height:6px;width:calc(14px + mod(var(--i), 3) * 8px);background:var(--line);border-radius:2px}.flow-token-buffer[data-generating=true] i{animation:2.6s ease-in-out infinite flow-token;animation-delay:calc(var(--i) * 95ms);background:#c3b4cf}.flow-token-buffer[data-released=true] i{background:#9ab5a6}.flow-parallel-label{text-align:center;color:var(--muted);font-size:9px;line-height:1.5}.flow-gate{place-items:center;height:105px;display:grid;position:relative;overflow:hidden}.flow-gate-door{background:repeating-linear-gradient(90deg,#e6e0ec 0 3px,#0000 3px 12px);border:1px solid #b5a8c2;border-radius:8px;width:60px;height:62px;transition:transform .7s cubic-bezier(.2,.7,.2,1),opacity .7s;position:absolute}.flow-gate-icon{border:1px solid var(--line);background:var(--surface);width:32px;height:32px;color:var(--flow-accent);border-radius:50%;place-items:center;transition:transform .5s;display:grid;position:relative}.flow-gate[data-open=true] .flow-gate-door{opacity:.15;transform:translate(65px)rotateY(60deg)}.flow-gate[data-open=true] .flow-gate-icon{color:var(--flow-green);transform:scale(1.2)}.flow-gate[data-blocked=true] .flow-gate-door{border-color:var(--flow-red);background:repeating-linear-gradient(90deg,#f0dfdb 0 3px,#0000 3px 12px)}.flow-gate[data-blocked=true] .flow-gate-icon{color:var(--flow-red)}.flow-delivery{border-top:1px solid var(--line);background:var(--panel);align-items:flex-start;gap:12px;min-height:108px;padding:18px;display:flex}.flow-delivery-icon{border:1px solid var(--line);background:var(--surface);width:28px;height:28px;color:var(--muted);border-radius:8px;flex-shrink:0;place-items:center;display:grid}.flow-delivery>div{flex:1;min-width:0}.flow-delivery-content{overflow-wrap:anywhere;min-height:40px;padding-top:7px;font-size:12px;line-height:1.8}.flow-delivery-content code{white-space:normal;font-size:11px}.flow-muted{color:var(--muted)}.flow-delivery[data-ready=true] .flow-delivery-icon{color:var(--flow-green)}.flow-delivery[data-blocked=true] .flow-delivery-icon,.flow-delivery[data-blocked=true] strong{color:var(--flow-red)}.flow-stream>span{white-space:pre;animation:.4s both flow-word;animation-delay:calc(var(--i) * .11s);display:inline-block}.flow-tool-note{color:var(--muted);align-items:center;gap:6px;max-width:130px;font-size:10px;line-height:1.5;display:flex}.flow-tool-note svg{flex-shrink:0}.docs-prose .request-flow-steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;margin:20px 0 0;padding:0;list-style:none;display:grid}.docs-prose .request-flow-steps li{min-width:0;margin:0;padding:0}.request-flow-steps button{text-align:left;border:0;border-top:2px solid var(--line);width:100%;height:100%;color:var(--muted);background:0 0;align-content:start;gap:8px;padding:10px 4px;font-size:10px;line-height:1.5;display:grid;position:relative}.request-flow-steps [data-state=active] button{border-color:var(--flow-accent);color:var(--ink)}.request-flow-steps [data-state=done] button{border-color:#99ad9f}.request-flow-number{height:15px;font:10px ui-monospace,monospace}.request-flow-number svg{width:13px;height:13px}.request-flow-caption{border-top:1px solid var(--line);align-items:flex-start;gap:16px;min-height:112px;margin-top:8px;padding-top:18px;display:flex}.request-flow-step-count{color:var(--muted);flex-shrink:0;padding-top:3px;font:10px ui-monospace,monospace}.docs-prose .request-flow-caption p{margin:0;font-size:12px;line-height:1.8}.request-flow-caption strong{margin-bottom:4px;font-size:13px;display:block}.request-flow>small{color:var(--muted);margin-top:12px;font-size:10px;display:block}.request-flow button:focus-visible{outline:2px solid var(--flow-accent);outline-offset:3px}.request-flow[data-running=false] *,.request-flow[data-running=false] :before{animation-play-state:paused!important}.request-flow[data-running=false] .flow-stream>span{animation:none}@keyframes flow-packet{0%{opacity:0;transform:translate(-100%)}15%,85%{opacity:1}to{opacity:0;transform:translate(100%)}}@keyframes flow-point{0%,to{opacity:.65;transform:scale(1)}50%{opacity:1;transform:scale(1.25)}}@keyframes flow-token{0%,to{opacity:.35;transform:scaleX(.7)}45%,70%{opacity:1;transform:scaleX(1)}}@keyframes flow-word{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@container (max-width:620px){.flow-diagram{grid-template-columns:minmax(0,1fr);gap:0;padding:16px}.flow-connection{width:2px;height:22px;margin:auto}.flow-connection[data-active=true] i{animation-name:flow-packet-vertical}.flow-processing{grid-template-columns:1fr 1fr;gap:10px}.flow-processing>.flow-node:only-child{grid-column:1/-1}.flow-parallel-label{grid-column:1/-1;margin-bottom:8px}.flow-prompt{min-height:0;padding:8px 0}.flow-gate{height:70px}.flow-node-status{min-height:0}.flow-delivery{flex-wrap:wrap}.flow-delivery>div{flex-basis:calc(100% - 40px)}.flow-tool-note{width:calc(100% - 40px);max-width:none;margin-left:40px}.request-flow-caption{min-height:135px}}@keyframes flow-packet-vertical{0%{opacity:0;transform:translateY(-100%)}20%,80%{opacity:1}to{opacity:0;transform:translateY(100%)}}@media (max-width:600px){.docs-prose .request-flow{padding:14px}.request-flow-heading strong{font-size:16px}.request-flow-play{padding:7px 9px}}@media (prefers-reduced-motion:reduce){.request-flow *,.request-flow :before{transition:none!important;animation:none!important}}