.custom-graph-engine{--text:#000000e0;--text-muted:#8c8c8c;--text-heading:#000000e0;--bg:#fafafa;--bg-surface:#f5f5f5;--border:#d9d9d9;--accent:#1677ff;--opacity-dim-edge:.15;--opacity-dim-card:.45;--opacity-dim-particle:.15}.custom-graph-engine .graph-wrapper,.custom-graph-engine .graph-canvas{width:100%;height:100%;position:relative}.custom-graph-engine .particle-canvas{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}.custom-graph-engine .graph-hud{z-index:10;pointer-events:none;flex-direction:column;align-items:flex-start;gap:6px;display:flex;position:absolute;bottom:12px;left:12px}.custom-graph-engine .graph-timing,.custom-graph-engine .graph-fps{color:var(--text-muted);background:var(--bg-surface);border:1px solid var(--border);border-radius:4px;padding:3px 8px;font-family:ui-monospace,Consolas,monospace;font-size:11px}.custom-graph-engine .graph-fps{align-items:center;gap:8px;display:flex}.custom-graph-engine .graph-fps canvas{border-radius:2px;display:block}.custom-graph-engine .sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.custom-graph-engine .graph-canvas svg{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.custom-graph-engine .group-box{transition:opacity .3s}.custom-graph-engine .group-box-rect{transition:stroke-width .2s}.custom-graph-engine .group-box:hover .group-box-rect{stroke-width:2px}.custom-graph-engine .node-card-content{cursor:grab;transform-origin:0 0}.custom-graph-engine.hover-fx .node-card-content{transition:transform .2s cubic-bezier(.25,1,.5,1)}.custom-graph-engine.hover-fx .node-card-content:hover{transform:scale(1.04)}.custom-graph-engine .card-bg{fill:#fafafa;stroke:var(--border);transition:stroke .2s}.custom-graph-engine .edge-line{opacity:.8}.custom-graph-engine .graph-canvas-svg.has-highlight .edge-line:not(.highlighted){opacity:var(--opacity-dim-edge)}.custom-graph-engine .graph-canvas-svg.has-highlight .node-card:not(.highlighted),.custom-graph-engine .graph-canvas-svg.has-highlight .group-box:not(.highlighted){opacity:var(--opacity-dim-card)}.custom-graph-engine .graph-canvas-svg.has-highlight .edge-line.highlighted{opacity:.95}.custom-graph-engine .graph-canvas-svg.has-highlight .node-card.highlighted,.custom-graph-engine .graph-canvas-svg.has-highlight .group-box.highlighted{opacity:1}.custom-graph-engine .graph-zoom-hint{color:#fff;opacity:0;pointer-events:none;z-index:50;background:#000000a6;border-radius:6px;padding:8px 16px;font-size:13px;transition:opacity .3s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-graph-engine .graph-zoom-hint.visible{opacity:1}