[data-view-panel="graph-explorer"] .live-graph-notice {border-left:3px solid var(--teal);padding:12px 16px;background:var(--panel-elevated);font-size:12px;line-height:1.6;margin-bottom:18px;}
.live-graph-filters {display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px;margin:20px 0;}
.live-graph-filters label,.live-graph-filters input,.live-graph-filters select {width:100%;min-width:0;}
.live-graph-workspace {display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start;}
.live-graph-map {position:relative;min-width:0;}
.live-graph-map #graphExplorerCanvas {min-height:380px;aspect-ratio:3/2;touch-action:none;background-image:radial-gradient(var(--border-strong) .7px,transparent .7px);background-size:22px 22px;cursor:grab;}
.live-graph-node rect {fill:var(--panel);stroke:var(--border-strong);}
.live-graph-node.is-selected rect,.live-graph-node:hover rect,.live-graph-node:focus rect {stroke:var(--teal);stroke-width:2;}
.live-graph-node {cursor:pointer;}
.live-graph-node text {fill:var(--text);font:500 12px "IBM Plex Sans",sans-serif;pointer-events:none;}
.live-graph-node .live-graph-type {fill:var(--muted);font-size:9px;}
.live-graph-edge {fill:none;stroke:var(--teal);stroke-width:2;opacity:.75;cursor:pointer;}
.live-graph-edge:hover,.live-graph-edge:focus {stroke-width:5;opacity:1;}
.live-graph-controls {position:absolute;bottom:20px;left:10px;display:flex;gap:5px;align-items:center;padding:5px;background:var(--panel);border:1px solid var(--border);border-radius:8px;}
.live-graph-controls button {padding:5px 10px;min-height:32px;white-space:nowrap;}.live-graph-controls output {font-size:11px;min-width:40px;text-align:center;}
.live-graph-inspector {padding:16px;background:var(--panel-elevated);border:1px solid var(--border);border-radius:10px;min-width:0;max-height:540px;overflow:auto;}
.live-graph-inspector h3 {overflow-wrap:anywhere;}
.live-graph-fields {font-size:12px;}.live-graph-fields dt {color:var(--muted);font-size:10px;margin-top:12px;}.live-graph-fields dd {margin:4px 0;white-space:pre-wrap;overflow-wrap:anywhere;}
.live-graph-neighbors,.live-graph-relationships {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.live-graph-neighbors article,.live-graph-relationships article {padding:14px;border:1px solid var(--border);border-radius:8px;background:var(--panel-elevated);min-width:0;overflow-wrap:anywhere;}
.live-graph-relationships h3 {font-size:14px;margin:6px 0;}.live-graph-relationships p {font-size:12px;line-height:1.6;}
.live-graph-reason {white-space:pre-wrap;overflow-wrap:anywhere;max-height:150px;overflow:auto;}
[data-view-panel="graph-explorer"] .link-button {white-space:normal;overflow-wrap:anywhere;text-align:left;}
.live-graph-pagination {display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:18px 0;}
.live-graph-explanation {padding:18px;border:1px solid var(--teal);border-radius:10px;overflow-wrap:anywhere;}
.live-graph-path {padding-left:24px;}.live-graph-path li {padding:12px;border-bottom:1px solid var(--border);overflow-wrap:anywhere;}
[data-view-panel="graph-explorer"] :focus-visible {outline:2px solid var(--teal);outline-offset:3px;}
@media(max-width:1100px){.live-graph-workspace{grid-template-columns:1fr}.live-graph-inspector{max-height:320px}}
@media(max-width:650px){.live-graph-filters,.live-graph-neighbors,.live-graph-relationships{grid-template-columns:1fr}.live-graph-map #graphExplorerCanvas{min-height:340px}.live-graph-controls button{font-size:11px;padding:5px 7px}[data-view-panel="graph-explorer"] .live-query-row label{min-width:0;max-width:100%}}