.agent-document{max-width:1240px}.visual-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;border:0;padding:26px 0 29px}.visual-heading h1{font-size:44px;margin:14px 0 0}.visual-heading>p{font-size:14px;text-align:right;max-width:300px;line-height:1.6;margin:0 0 2px}.visual-workflow{border:1px solid #e1e1e1;border-radius:10px;overflow:hidden}.board-toolbar{display:flex;align-items:center;gap:26px;padding:16px 20px;border-bottom:1px solid #e5e5e5;background:#fff}.board-toolbar h2{font-size:15px;font-weight:400;margin:0}.scenario-tabs{display:flex;gap:4px;background:#f3f3f3;border-radius:6px;padding:3px}.scenario-tabs button{border:0;background:none;padding:8px 13px;border-radius:4px;font-size:12px;color:#888}.scenario-tabs button.active{background:white;color:#111;box-shadow:0 1px 5px #00000012}.board-hint{font-size:10px;color:#999;margin-left:auto}.board-scroll{overflow-x:auto;background:#f8f8f8}.workflow-svg{display:block;width:100%;height:auto}.node-card{fill:#fff;stroke:#dedede;stroke-width:1.3;filter:drop-shadow(0 3px 6px #11111105)}.central-node .node-card{stroke:#e34e4e;stroke-width:1.7}.wire{fill:none;stroke:#bcbcbc;stroke-width:1.8;marker-end:url(#arrow)}.action-wire{stroke:#dca0a0}.context-wire{stroke-dasharray:5 4}.port{fill:#fff;stroke:#aaa;stroke-width:1.3}.node-title{font:15px Gilroy,Arial;fill:#222}.node-subtitle{font:11px Gilroy,Arial;fill:#888}.board-caption{font:8px Gilroy,Arial;letter-spacing:1.1px;fill:#aaa}.board-node{cursor:pointer;outline:none}.board-node:hover .node-card,.board-node:focus .node-card,.board-node.selected .node-card{stroke:#e34e4e;stroke-width:2}.board-node.selected .node-card{fill:#fffafa}.board-node:hover .port,.board-node.selected .port{stroke:#e34e4e;fill:#e34e4e}.node-detail{display:grid;grid-template-columns:38px 1fr auto;gap:14px;align-items:center;padding:19px 23px;border-top:1px solid #e2e2e2;min-height:96px}.detail-icon svg{width:35px;height:35px;display:block}.node-detail h3{font-size:17px;font-weight:400;margin:0 0 6px}.node-detail p{font-size:13px;color:#888;font-weight:300;line-height:1.5;margin:0;max-width:720px}.detail-step{font-size:9px;letter-spacing:.1em;color:#aaa}.board-disclaimer{padding:12px 23px;margin:0;border-top:1px solid #eee;font-size:10px;color:#aaa;background:#fdfdfd}.visual-difference{margin-top:45px;border-top:1px solid #111;padding-top:26px}.visual-difference h2{font-size:26px;font-weight:400;letter-spacing:-.02em;margin:0 0 25px}.difference-cards{display:grid;grid-template-columns:1fr 1fr;gap:35px}.difference-cards article{padding:22px;background:#fafafa;border:1px solid #eee;border-radius:7px}.difference-cards h3{font-size:20px;font-weight:400;margin:0 0 21px}.difference-cards p{font-size:13px;color:#888;font-weight:300;line-height:1.5;margin:18px 0 0}.mini-flow{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.mini-flow span{padding:10px 9px;background:white;border:1px solid #e4e4e4;border-radius:5px;font-size:10px}.mini-flow i{font-style:normal;color:#aaa;font-size:12px}.mini-flow .ai-cell{border-color:#ecb2b2;color:#c74e4e}.mini-flow .human-cell{border-color:#aaa;color:#333}.control-strip{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:30px;padding:30px 0;border-bottom:1px solid #ddd;margin-top:35px}.control-strip h2{font-size:23px;font-weight:400;line-height:1.2;max-width:210px;margin:0}.control-strip>div>span{font-size:10px;color:#aaa}.control-strip h3{font-size:16px;font-weight:400;margin:11px 0 9px}.control-strip p{font-size:13px;line-height:1.5;font-weight:300;color:#888;margin:0}.document-end{gap:24px}
@media(max-width:1000px){.visual-heading{display:block}.visual-heading>p{text-align:left;margin-top:18px;max-width:none}.board-toolbar{gap:15px}.scenario-tabs button{padding:8px 10px}.board-hint{display:none}.mini-flow{gap:5px}.mini-flow span{font-size:9px;padding:9px 6px}.control-strip{gap:20px}.node-detail p{font-size:12px}}
@media(max-width:720px){.visual-heading{padding:25px 0}.visual-heading h1{font-size:35px}.visual-heading>p{font-size:13px}.board-toolbar{display:block;padding:15px}.board-toolbar h2{margin-bottom:13px}.scenario-tabs{display:inline-flex}.scenario-tabs button{font-size:12px}.board-scroll{touch-action:pan-x pan-y}.workflow-svg{width:900px;max-width:none}.board-scroll:before{content:'Схему можно двигать влево и вправо ↔';display:block;font-size:10px;color:#999;padding:11px 15px}.node-detail{padding:17px 15px;grid-template-columns:32px 1fr;gap:12px;min-height:115px}.detail-icon svg{width:29px;height:29px}.node-detail h3{font-size:16px}.node-detail p{font-size:13px}.detail-step{display:none}.board-disclaimer{font-size:10px;line-height:1.5;padding:12px 15px}.visual-difference{margin-top:35px}.visual-difference h2{font-size:25px}.difference-cards{grid-template-columns:1fr;gap:15px}.difference-cards article{padding:20px}.mini-flow{gap:6px}.mini-flow span{font-size:10px;padding:10px 8px}.control-strip{grid-template-columns:1fr;gap:22px;margin-top:28px;padding:20px 0 25px}.control-strip h2{max-width:none;font-size:24px}.control-strip>div{display:grid;grid-template-columns:25px 1fr;column-gap:10px}.control-strip>div>span{grid-row:1/3;padding-top:3px}.control-strip h3{margin:0 0 8px}.control-strip p{font-size:14px}.document-end{font-size:11px;align-items:start}.document-end>a:last-child{text-align:right;max-width:160px}}