.bx-graph{--bx-graph-field:640px;--bx-graph-canvas:420px;--bx-graph-inspector:320px;gap:var(--bx-space-16);max-width:100%;padding-block:var(--bx-space-8);flex-direction:column;display:flex}.bx-graph-lead{max-width:72ch;font-size:var(--bx-font-body);line-height:var(--bx-line-body);color:var(--bx-color-text-secondary);margin:0}.bx-graph-bar{gap:var(--bx-space-8);width:100%;max-width:var(--bx-graph-field);flex-wrap:wrap;display:flex}.bx-graph-input{min-width:0;min-height:var(--bx-control-height);padding:0 var(--bx-space-12);font-family:var(--bx-font-sans);font-size:var(--bx-font-body);line-height:var(--bx-line-body);color:var(--bx-color-text);background:var(--bx-color-surface);border:1px solid var(--bx-color-interactive-border);border-radius:var(--bx-radius-control);flex:220px}.bx-graph-input::placeholder{color:var(--bx-color-text-secondary)}.bx-graph-input:focus-visible{outline:var(--bx-focus-width) solid var(--bx-color-primary);outline-offset:var(--bx-focus-offset)}.bx-graph-examples,.bx-graph-error,.bx-graph-toolbar,.bx-graph-zoom{align-items:center;gap:var(--bx-space-8);flex-wrap:wrap;display:flex}.bx-graph-toolbar{justify-content:space-between;gap:var(--bx-space-12)}.bx-graph-legend{gap:var(--bx-space-12);font-size:var(--bx-font-meta);line-height:var(--bx-line-meta);color:var(--bx-color-text-secondary);flex-wrap:wrap;display:flex}.bx-graph-legend-item{align-items:center;gap:var(--bx-space-4);display:inline-flex}.bx-graph-legend-swatch{width:var(--bx-space-12);height:var(--bx-space-12);border-radius:var(--bx-radius-pill)}.bx-graph-legend-dash{width:var(--bx-space-24);border-top:2px dashed var(--bx-color-interactive-border)}.bx-graph-body{gap:var(--bx-space-16);grid-template-columns:1fr;min-width:0;display:grid}@media (min-width:1100px){.bx-graph-body{grid-template-columns:minmax(0, 1fr) var(--bx-graph-inspector);align-items:start}}.bx-graph-canvas{height:var(--bx-graph-canvas);background:var(--bx-color-surface);border:1px solid var(--bx-color-border);border-radius:var(--bx-radius-card);min-width:0;max-width:100%;overflow:hidden}.bx-graph-relations{gap:var(--bx-space-8);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.bx-graph-relation{align-items:center;gap:var(--bx-space-8);min-width:0;padding:var(--bx-space-8) var(--bx-space-12);font-size:var(--bx-font-meta);line-height:var(--bx-line-meta);color:var(--bx-color-text);background:var(--bx-color-surface);border:1px solid var(--bx-color-border);border-radius:var(--bx-radius-card);flex-wrap:wrap;display:flex}.bx-graph-endpoint{align-items:center;gap:var(--bx-space-4);flex-wrap:wrap;min-width:0;display:inline-flex}.bx-graph-node{min-height:var(--bx-tap-min);padding:0 var(--bx-space-8);font-family:var(--bx-font-mono);font-size:var(--bx-font-meta);line-height:var(--bx-line-meta);color:var(--bx-color-text);background:var(--bx-color-surface-muted);border:1px solid var(--bx-color-interactive-border);border-radius:var(--bx-radius-control);cursor:pointer;overflow-wrap:anywhere}.bx-graph-node:focus-visible,.bx-graph-open:focus-visible{outline:var(--bx-focus-width) solid var(--bx-color-primary);outline-offset:var(--bx-focus-offset)}.bx-graph-open{min-height:var(--bx-tap-min);color:var(--bx-color-primary);align-items:center;display:inline-flex}.bx-graph-arrow{color:var(--bx-color-text-secondary)}.bx-graph-relation-kind{padding:0 var(--bx-space-8);color:var(--bx-color-text-secondary);background:var(--bx-color-surface-muted);border-radius:var(--bx-radius-pill)}.bx-graph-relation-trust{color:var(--bx-color-text-secondary)}.bx-graph-relation-low{color:var(--bx-color-warning)}.bx-graph-inspector{gap:var(--bx-space-8);min-width:0;padding:var(--bx-space-16);background:var(--bx-color-surface);border:1px solid var(--bx-color-border);border-radius:var(--bx-radius-card);flex-direction:column;display:flex}.bx-graph-inspector-title{font-family:var(--bx-font-mono);font-size:var(--bx-font-card-title);line-height:var(--bx-line-card-title);font-weight:var(--bx-weight-semibold);color:var(--bx-color-text);overflow-wrap:anywhere;margin:0}.bx-graph-inspector-actions{align-items:center;gap:var(--bx-space-8);flex-wrap:wrap;display:flex}.bx-graph-tools{gap:var(--bx-space-12);min-width:0;padding-block:var(--bx-space-8);border-top:1px solid var(--bx-color-border);flex-direction:column;display:flex}.bx-graph-section-title{font-size:var(--bx-font-section);line-height:var(--bx-line-section);font-weight:var(--bx-weight-semibold);color:var(--bx-color-text);margin:0}.bx-graph-toolform{align-items:end;gap:var(--bx-space-8);flex-wrap:wrap;display:flex}.bx-graph-field{gap:var(--bx-space-4);min-width:0;font-size:var(--bx-font-meta);line-height:var(--bx-line-meta);color:var(--bx-color-text-secondary);flex-direction:column;display:flex}.bx-graph-result{gap:var(--bx-space-8);flex-direction:column;min-width:0;display:flex}.bx-graph-result-line{font-size:var(--bx-font-body);line-height:var(--bx-line-body);color:var(--bx-color-text);overflow-wrap:anywhere;margin:0}.bx-graph-warnings{gap:var(--bx-space-4);font-size:var(--bx-font-meta);line-height:var(--bx-line-meta);color:var(--bx-color-warning);flex-direction:column;margin:0;padding-inline-start:var(--bx-space-16);display:flex}.bx-graph-chain{gap:var(--bx-space-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.bx-graph-chain-step{flex-direction:column;min-width:0;display:inline-flex}.bx-graph-chain-node{font-family:var(--bx-font-mono);font-size:var(--bx-font-meta);line-height:var(--bx-line-meta);color:var(--bx-color-text)}.bx-graph-chain-edge{font-size:var(--bx-font-meta);line-height:var(--bx-line-meta);color:var(--bx-color-text-secondary)}.bx-graph-meta,.bx-graph-hint{font-size:var(--bx-font-meta);line-height:var(--bx-line-meta);color:var(--bx-color-text-secondary);overflow-wrap:anywhere;margin:0}