.agent-graph{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:var(--card);color:var(--foreground)}.agent-graph-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border);font-size:12px}.agent-graph-toolbar label{display:flex;align-items:center;gap:12px;font-weight:600}.agent-graph-toolbar select{padding:8px;border:1px solid var(--border);border-radius:8px;background:var(--card);color:inherit;max-width:100%}.agent-graph-note,.agent-graph-toolbar>span{color:var(--muted-foreground)}.agent-graph-canvas{height:430px;min-width:0;background:var(--muted)}.agent-graph.is-compact .agent-graph-canvas{height:300px}.agent-graph .agent-graph-node{width:190px;padding:14px 10px;border-radius:10px;background:var(--card);border:1px solid var(--border);color:var(--foreground);box-shadow:0 4px 14px color-mix(in srgb,var(--foreground) 4%,transparent)}.agent-graph-node strong{display:block;font-size:12px;line-height:1.45}.agent-graph-node code{display:block;font-size:9px;margin-top:5px;color:var(--muted-foreground);overflow-wrap:anywhere}.agent-graph .agent-kind-approval{border:2px solid var(--status-warning-strong);background:var(--surface-warning)}.agent-graph .agent-kind-policy{border-color:var(--status-info-strong);background:var(--surface-info)}.agent-graph .agent-kind-model{border-color:var(--primary);background:var(--accent)}.agent-graph .agent-graph-node.is-visited{box-shadow:0 0 0 3px color-mix(in srgb,var(--success) 25%,transparent)}.agent-graph .agent-graph-node.selected{outline:2px solid var(--ring);outline-offset:3px}.agent-graph .agent-graph-node.is-waiting{box-shadow:0 0 0 4px color-mix(in srgb,var(--warning) 30%,transparent)}.agent-graph .agent-edge-conditional path{stroke-dasharray:5 4}.agent-node-detail{padding:20px;border-top:1px solid var(--border)}.agent-node-detail>span{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--status-warning-text)}.agent-node-detail h4{margin:6px 0;font-size:18px}.agent-node-detail code{font-size:12px;color:var(--muted-foreground)}.agent-node-detail p{font-size:14px;line-height:1.65;margin:12px 0 0}.agent-graph-note{padding:0 20px 16px;font-size:11px;line-height:1.5;margin:0}.execution-trace{margin-top:12px;border:1px solid var(--border);border-radius:12px;font-size:12px;overflow:hidden}.execution-trace>summary{display:flex;align-items:center;gap:8px;cursor:pointer;padding:12px;list-style:none}.execution-trace>summary strong{margin-left:auto;font-size:11px}.execution-trace-body{padding:0 12px 12px}.execution-trace .trace-completed,.execution-trace .trace-waiting{display:flex;align-items:flex-start;gap:8px;padding:12px;border-radius:8px;background:var(--surface-warning);color:var(--status-warning-text);line-height:1.5}.execution-trace .trace-completed{background:var(--surface-success);color:var(--status-success-text)}.trace-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.trace-metrics>div{padding:10px;background:var(--muted);border-radius:8px}.trace-metrics dt{font-size:10px;color:var(--muted-foreground)}.trace-metrics dd{margin:6px 0 0;font-weight:700;font-size:19px}.trace-caption{font-size:11px;line-height:1.5;color:var(--muted-foreground)}.trace-model-call{display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--border)}.trace-model-call code{width:100%}.trace-node-list{padding-left:18px;display:grid;gap:10px;margin:18px 0}.trace-node-list code,.trace-node-list li>span{display:block}.trace-node-list code{font-size:10px;overflow-wrap:anywhere}.trace-node-list code,.trace-node-list small{color:var(--muted-foreground)}.trace-tools p{display:flex;gap:8px;justify-content:space-between}.execution-trace code{font-size:11px;overflow-wrap:anywhere}@media(max-width:640px){.agent-graph-toolbar{align-items:flex-start;flex-direction:column;padding:12px}.agent-graph-canvas{height:350px}.agent-graph-toolbar label{flex-wrap:wrap}.agent-graph-toolbar>span{font-size:10px}.agent-node-detail{padding:14px}.trace-metrics{gap:4px}.trace-metrics>div{padding:7px}.trace-metrics dt{font-size:9px}.execution-trace>summary{flex-wrap:wrap}.execution-trace>summary strong{margin-left:24px}}.trace-step-details{margin-top:12px;border-top:1px solid var(--border)}.trace-step-details>summary{padding:12px 0;cursor:pointer;font-weight:600}.agent-graph.is-compact .agent-node-detail{padding:12px}.agent-graph.is-compact .agent-node-detail h4{font-size:15px}.agent-graph.is-compact .agent-node-detail p{font-size:12px;margin-top:8px}.agent-graph.is-compact .agent-graph-note{padding:0 12px 12px}