#session-diagram{background:var(--page);color:var(--ink);min-width:0;padding:12px 8px 28px;--graph-detail-surface:var(--surface);--graph-detail-ink:var(--ink);--graph-detail-muted:var(--muted);--graph-detail-line:var(--line);--graph-detail-alt:var(--tab-surface);--graph-detail-height:260px}
#session-diagram header{display:flex;align-items:center;gap:16px;justify-content:space-between;margin:0 0 18px}
#session-diagram h1{font:600 20px/1.25 system-ui;margin:0;color:var(--ink);max-width:70%;letter-spacing:-.03em}
#session-diagram button{background:var(--surface);color:var(--ink);border:1px solid var(--line);font-size:12px;padding:7px 10px;white-space:nowrap}
#session-diagram [data-source][aria-pressed=true]{background:var(--tab-selected);color:var(--ink)}
.diagram-workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:20px;align-items:start;min-height:52vh}
#session-diagram [data-drawing]{min-width:0;overflow:auto;user-select:text}
#session-diagram [data-drawing] svg{display:block;width:100%;height:auto;min-width:280px;max-height:none}
#session-diagram [data-status]{color:var(--muted);font-size:13px;min-height:20px;margin:8px 0}
#session-diagram [data-state=failed]{color:var(--danger)}
#session-diagram graph-detail-overlay{position:sticky;top:70px}
body.diagram-view:not(.diagram-source-open) #messages,body.diagram-view:not(.diagram-source-open) #messages-more,body.diagram-view:not(.diagram-source-open) #session-notes{display:none!important}
body.diagram-view #slow-lane{min-width:0}
#session-diagram[data-state=empty] .diagram-workspace{display:none}
#session-diagram[data-state=empty]{min-height:40vh}
#session-diagram [data-node-id]:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:1000px){.diagram-workspace{grid-template-columns:minmax(0,1fr)}#session-diagram graph-detail-overlay{position:static;--graph-detail-height:130px}#session-diagram{padding:8px 0 20px}.diagram-workspace{gap:10px}#session-diagram h1{font-size:18px}}

#session-diagram{container-type:inline-size}
#session-diagram [data-run-state]{color:var(--danger);background:var(--surface);border-left:3px solid var(--danger);padding:8px 12px;overflow-wrap:anywhere}
.diagram-workspace{min-height:0}
#session-diagram [data-drawing] svg{flex:none}
@container(max-width:1050px){.diagram-workspace{grid-template-columns:minmax(0,1fr)}#session-diagram graph-detail-overlay{position:static;--graph-detail-height:130px}}

@media(min-width:621px){html:not([data-focused-surface]) body:not([data-execution="true"]).conversation-visible.diagram-view{--session-sidebar:260px}}
#session-diagram graph-detail-overlay{scroll-margin-bottom:calc(var(--composer-clearance,300px) + 20px)}