.agent-pipeline-section{--ap-line:var(--hairline);--ap-line-soft:color-mix(in srgb, var(--hairline) 55%, transparent);--ap-node-bg:var(--surface);--ap-tooltip-bg:var(--surface);--ap-code-bg:var(--surface-alt);--ap-accent:var(--sea-ink);--ap-glow-a:var(--glow-a);--ap-glow-b:var(--glow-b);--ap-status-bg:#ddf5ee;--ap-status-border:#008f78;--ap-status-text:#063d33;padding:var(--band-top) 0 var(--band-bottom);border-top:1px solid var(--ap-line);background:linear-gradient(90deg, var(--ap-line-soft) 1px, transparent 1px), linear-gradient(180deg, var(--ap-line-soft) 1px, transparent 1px), var(--canvas);background-size:44px 44px}.agent-pipeline__copy{margin-bottom:2.5rem}[data-theme=night] .agent-pipeline-section{--ap-line:var(--hairline-strong);--ap-line-soft:color-mix(in srgb, var(--hairline) 55%, transparent);--ap-accent:var(--sea);--ap-status-bg:#062c23eb;--ap-status-border:#00ffbeb8;--ap-status-text:#fff}.agent-pipeline-section .section-copy{max-width:760px;color:var(--text);font-size:1.125rem;line-height:1.55}.agent-graph-shell{flex-direction:column;justify-content:center;width:100%;height:calc(100vh - 5.5rem);display:flex;position:sticky;top:5.5rem;overflow:hidden}.agent-scroll-story{height:calc(100vh + 1200px);position:relative}.agent-scroll-story.orientation-vertical{height:auto}.agent-scroll-story.orientation-vertical .agent-graph-shell{height:auto;min-height:780px;position:relative;top:auto}.agent-scroll-story.orientation-vertical .agent-graph-scroll{overflow-x:auto}.agent-graph-toolbar{z-index:3;justify-content:flex-end;padding:0;display:flex;position:absolute;top:1.25rem;right:clamp(1.25rem,3vw,3rem)}.agent-graph-scroll{scrollbar-width:none;width:100vw;position:relative;overflow:hidden}.agent-graph-scroll::-webkit-scrollbar{display:none}.graph-view-switch{border:1px solid var(--ap-line);background:color-mix(in srgb, var(--canvas) 92%, transparent);backdrop-filter:blur(16px);gap:4px;padding:4px;display:inline-flex}.graph-view-switch button{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:1px solid #0000;place-items:center;display:grid}.graph-view-switch button.active{border-color:color-mix(in srgb, var(--ap-accent) 48%, transparent);color:var(--text);background:var(--ap-code-bg)}.graph-view-switch svg{width:18px;height:18px}.agent-graph{border-top:1px solid var(--ap-line);border-bottom:1px solid var(--ap-line);border-right:1px solid var(--ap-line);background:color-mix(in srgb, var(--canvas) 86%, var(--surface) 14%);min-height:600px;position:relative}.agent-graph.orientation-vertical{margin-left:var(--vertical-side-column-width,260px);background:0 0;border-left:0;border-right:0}.vertical-phase-layout{grid-template-columns:var(--vertical-side-column-width,260px) minmax(260px, 1fr) var(--vertical-side-column-width,260px);border:1px solid var(--ap-line);background:color-mix(in srgb, var(--canvas) 86%, var(--surface) 14%);pointer-events:none;display:grid;position:absolute;inset:0}.vertical-title-column,.vertical-description-column{grid-template-rows:repeat(var(--phase-count), minmax(0, 1fr));display:grid}.vertical-diagram-column{border-right:1px solid var(--ap-line-soft);border-left:1px solid var(--ap-line-soft);min-width:0}.vertical-phase-title,.vertical-phase-description{border-bottom:1px solid var(--ap-line-soft);align-items:center;min-height:0;padding:16px;display:flex}.vertical-phase-title:last-child,.vertical-phase-description:last-child{border-bottom:0}.vertical-phase-title{color:var(--text);text-transform:uppercase;font-size:14px;font-weight:900;line-height:1.2}.vertical-phase-description{color:var(--muted);text-align:right;justify-content:flex-end;font-size:14px;line-height:1.35}.phase-grid{grid-template-columns:repeat(var(--phase-count), minmax(0, 1fr));display:grid;position:absolute;inset:0 18px}.phase-grid.orientation-vertical{grid-template-columns:1fr;grid-template-rows:repeat(var(--phase-count), minmax(0, 1fr));opacity:0;inset:76px 18px 64px}.phase-column{border-right:1px solid var(--ap-line-soft);background:linear-gradient(180deg, var(--ap-code-bg), transparent 42%);flex-direction:column;justify-content:space-between;min-width:0;padding:18px 14px;display:flex}.phase-column:last-child{border-right:0}.phase-grid.orientation-vertical .phase-column{border-right:0;border-bottom:1px solid var(--ap-line-soft);background:linear-gradient(90deg, var(--ap-code-bg), transparent 58%);flex-direction:row;align-items:center}.phase-grid.orientation-vertical .phase-column:last-child{border-bottom:0}.phase-grid.orientation-vertical .phase-column small{text-align:right;max-width:210px}.phase-column span{color:var(--text);text-transform:uppercase;font-size:14px;font-weight:900;line-height:1.2}.phase-column small{color:var(--muted);font-size:12px;line-height:1.35}.agent-node-layer{z-index:4;pointer-events:none;position:absolute;inset:76px 18px 64px}.agent-node{width:104px;min-height:96px;color:var(--text);background:var(--ap-node-bg);font:inherit;text-align:left;pointer-events:auto;cursor:help;border:1px solid #00f6ff9e;border-radius:2px;flex-direction:column;justify-content:center;padding:12px 9px 30px;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 24px #00f6ff1f}.agent-node span:first-child{overflow-wrap:anywhere;font-size:12px;font-weight:900;line-height:1.15}.agent-node small{color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:8px;font-size:10px;font-weight:900}.agent-graph.orientation-vertical .agent-node{width:148px;min-height:78px;padding:9px 9px 24px}.agent-graph.orientation-vertical .agent-node.status-node{min-height:70px}.agent-graph.orientation-vertical .agent-node span:first-child{font-size:11px;line-height:1.12}.agent-graph.orientation-vertical .agent-node small{margin-top:5px}.agent-node.mode-local{border-color:#7ba8ffb3}.agent-node.mode-review{border-color:#b896ffbf}.agent-node.status-node{border-color:var(--ap-status-border);min-height:82px;color:var(--ap-status-text);background:var(--ap-status-bg);box-shadow:0 0 24px #00ffbe1f}.agent-node:focus-visible{outline:2px solid var(--mint);outline-offset:3px}.agent-tooltip{z-index:8;width:220px;color:var(--text);background:var(--ap-tooltip-bg);opacity:0;pointer-events:none;border:1px solid #00f6ff73;padding:12px;font-size:12px;font-weight:600;line-height:1.4;transition:opacity .16s,transform .16s;position:absolute;bottom:calc(100% + 12px);right:50%;transform:translate(50%,8px);box-shadow:0 18px 40px #00000061}.agent-node:hover .agent-tooltip,.agent-node:focus-visible .agent-tooltip{opacity:1;transform:translate(50%)}.agent-loading{color:var(--mint);text-transform:uppercase;pointer-events:none;gap:3px;font-size:10px;font-weight:900;line-height:1;display:grid;position:absolute;bottom:6px;left:7px;right:7px}.agent-loading span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.agent-loading i{background:currentColor;border-radius:999px;height:3px;display:block;box-shadow:0 0 10px}.agent-loading.route-rework{color:var(--lilac)}.agent-loading.route-test-rework{color:var(--ap-accent)}.agent-loading.route-bug-loop{color:#ff7ea8}.agent-paths,.ticket-motion-layer{width:calc(100% - 36px);height:calc(100% - 140px);position:absolute;inset:76px 18px 64px;overflow:visible}.agent-paths{z-index:2;pointer-events:none}.pipeline-path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:square;stroke-linejoin:miter}.pipeline-path.main{stroke:#00f6ff9e;stroke-width:2px}.pipeline-path.branch,.pipeline-path.loop{stroke:#b896ff94;stroke-dasharray:8 8;stroke-width:2px}.ticket-motion-layer{z-index:5;pointer-events:none}.moving-ticket{width:13px;height:13px;color:var(--mint);filter:drop-shadow(0 0 8px #00fff0bf);display:block;position:absolute;transform:translate(-50%,-50%)}.moving-ticket.route-test-rework{color:var(--ap-accent)}.moving-ticket.route-bug-loop{color:#ff7ea8}.moving-ticket i{background:currentColor;border-radius:999px;display:block;position:absolute;inset:0;box-shadow:0 0 12px}.moving-ticket span{color:currentColor;background:var(--ap-code-bg);white-space:nowrap;padding:2px 5px;font-size:12px;font-weight:900;line-height:1;position:absolute;top:50%;left:19px;transform:translateY(-50%)}.moving-ticket.route-rework{color:var(--lilac);filter:drop-shadow(0 0 8px #b896ffbf)}@media (width<=1060px){.agent-pipeline-section .section-heading.narrow{max-width:100%}}@media (width<=680px){.agent-node{width:96px;min-height:86px;padding:10px 8px 26px}.agent-node span:first-child{font-size:11px}}@media (width<=760px){.agent-graph-shell{height:calc(100vh - 4.75rem);top:4.75rem}}@media (height<=720px){.agent-scroll-story{height:auto}.agent-graph-shell{height:auto;min-height:680px;position:relative;top:auto}.agent-graph-scroll{overflow-x:auto}}@media (prefers-reduced-motion:reduce){.agent-scroll-story{height:auto}.agent-graph-shell{height:auto;min-height:680px;position:relative;top:auto}.agent-graph-scroll{overflow-x:auto}.agent-tooltip{transition:none}}