.graph-stage{position:relative;border:1px solid var(--border);border-radius:8px;background:#fff;overflow:hidden}
.graph-3d{display:block;width:100%;height:600px;touch-action:none;cursor:grab;outline:none}.graph-3d.dragging{cursor:grabbing}.graph-3d:focus-visible{outline:2px solid #123BFF;outline-offset:-3px}
.graph-corner{position:absolute;left:22px;top:22px;display:flex;align-items:center;gap:12px;pointer-events:none;font-size:11px;color:var(--muted-foreground);line-height:1.5}.graph-dimensional{font-size:18px;color:#123BFF;letter-spacing:-.03em;border-right:1px solid var(--border);padding-right:12px}
.graph-count{color:var(--muted-foreground);font-size:12px}.graph-controls{position:absolute;left:20px;bottom:20px;display:flex;align-items:center;gap:2px;background:rgba(255,255,255,.95);padding:4px;border:1px solid var(--border);border-radius:6px}.graph-controls button{width:29px;height:29px;border:0;background:transparent;font-size:17px;border-radius:4px}.graph-controls button:hover{background:#eef2ff;color:#123BFF}.graph-controls span{width:1px;height:18px;background:var(--border);margin:0 5px}
.graph-motion{position:absolute;right:22px;top:24px;background:white;border:0;color:var(--muted-foreground);font-size:12px}.graph-motion:hover{color:#123BFF}.graph-view-state{position:absolute;right:22px;bottom:27px;color:var(--muted-foreground);font-size:10px;pointer-events:none}
.graph-tooltip{position:absolute;pointer-events:none;max-width:220px;padding:7px 10px;background:#fff;border:1px solid #d7deec;box-shadow:0 2px 8px #152b4c0a;font-size:12px;border-radius:5px;line-height:1.4}.graph-tooltip[hidden]{display:none}
.graph-find{display:flex;align-items:center;gap:16px;padding:20px 0;border-bottom:1px solid var(--border)}.graph-find label{font-size:13px;white-space:nowrap}.graph-find select{min-width:0;max-width:560px;flex:1;padding:9px 12px;background:white;border:1px solid var(--border);border-radius:5px;color:var(--foreground);font:inherit;font-size:13px}.graph-find .graph-reset{margin-left:auto;white-space:nowrap;font-size:12px}
.graph-neighbors-list{max-height:240px;overflow-y:auto;padding-right:12px;scrollbar-width:thin}.graph-examples button{display:block;background:none;border:0;border-bottom:1px solid var(--border);padding:12px 0;text-align:left;color:var(--primary);font:inherit;width:100%;font-size:14px}
@media(max-width:767px){.graph-3d{height:430px}.graph-corner{left:14px;top:18px}.graph-motion{right:12px;top:21px;font-size:10px}.graph-controls{left:10px;bottom:12px}.graph-controls button{width:27px;height:27px}.graph-view-state{right:12px;bottom:65px;font-size:9px}.graph-find{flex-wrap:wrap;gap:10px}.graph-find label{width:100%}.graph-find select{flex:1 0 100%;width:100%;max-width:100%}.graph-find .graph-reset{margin-left:0}.graph-count{font-size:10px}.graph-toolbar{gap:8px}.graph-legend{font-size:11px}.graph-note{max-width:100%}}