.agentsLab{padding:72px 0;background:#061522;color:#f8fbfc}.agentsLab *{box-sizing:border-box}.agentsLabHead{display:grid;grid-template-columns:1.08fr .92fr;gap:42px;align-items:end}.agentsLabHead h2{font-size:clamp(2.3rem,5vw,4.7rem);line-height:.96;margin:.45rem 0}.agentsLabHead p{color:#b8cbd5}.agentScenarios{display:flex;gap:8px;flex-wrap:wrap;margin:30px 0 15px}.agentScenarios button{border:1px solid #315264;background:#0c2533;color:#d8e7ed;padding:11px 14px;border-radius:999px;font:inherit;font-weight:800;cursor:pointer}.agentScenarios button[aria-selected=true]{background:#5ee1d4;color:#061522;border-color:#5ee1d4}.agentWorkbench{display:grid;grid-template-columns:1.25fr .75fr;gap:14px}.agentCanvas,.agentControls{border:1px solid #294b5b;border-radius:20px;background:#0a1e2c;padding:22px}.agentCanvas h3{font-size:1.6rem;margin:.3rem 0}.agentCanvas>p{color:#afc4ce}.agentFlow{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:24px}.agentNode{min-height:118px;padding:13px;border:1px solid #315364;border-radius:13px;background:#102b3a;position:relative}.agentNode:after{content:"→";position:absolute;right:-9px;top:44%;color:#5ee1d4;font-weight:900}.agentNode:last-child:after{display:none}.agentNode b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#5ee1d4;color:#061522}.agentNode strong,.agentNode span{display:block}.agentNode strong{margin-top:10px}.agentNode span{font-size:.68rem;color:#9db5c0;margin-top:4px}.agentControls h3{margin:0 0 15px}.controlRow{padding:12px;border-radius:11px;background:#0e2938;border:1px solid #2b4d5c;margin-bottom:8px}.controlRow strong,.controlRow span{display:block}.controlRow span{font-size:.7rem;color:#a5bdc7;margin-top:4px}.controlState{display:inline-block!important;float:right;color:#5ee1d4!important}.agentTelemetry{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:14px}.agentTelemetry div{padding:14px;border:1px solid #294b5b;border-radius:12px;background:#0a1e2c}.agentTelemetry strong,.agentTelemetry span{display:block}.agentTelemetry strong{font-size:1.35rem}.agentTelemetry span{font-size:.68rem;color:#9db5c0}.agentCardFlow{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:16px}.agentCardFlow span{text-align:center;padding:8px 3px;border-radius:7px;background:#edf5f5;border:1px solid #d5e3e4;color:#15404a;font-size:.65rem;font-weight:800}.agentDepth{padding:70px 0}.agentDepthGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.agentDepth article{border:1px solid #d8e3e6;border-radius:16px;padding:24px;background:#fff}.agentDepth h3{margin:.2rem 0 12px}.agentDepth ul{padding-left:18px}.agentDepth li{margin:8px 0;color:#405b67}.agentBoundary{margin-top:14px;padding:18px;border-radius:14px;background:#fff4db;border:1px solid #edd8a3;color:#5e4511}
@media(max-width:900px){.agentsLabHead,.agentWorkbench{grid-template-columns:1fr}.agentFlow{grid-template-columns:1fr}.agentNode{min-height:0}.agentNode:after{content:"↓";right:50%;top:auto;bottom:-12px}.agentTelemetry{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.agentsLab{padding:50px 0}.agentDepthGrid,.agentTelemetry{grid-template-columns:1fr}.agentCanvas,.agentControls{padding:17px}}