.graph-detail{--graph-mono: var(--font-mono, "Geist Mono", ui-monospace, monospace);position:absolute;top:12px;right:12px;bottom:12px;width:480px;display:flex;flex-direction:column;border:1px solid var(--nxb-border-medium, oklch(1 0 0 / 10%));border-radius:16px;overflow:hidden;background:var(--nxb-surface-1);z-index:20;box-shadow:0 8px 32px #0006;transform:translate(0);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease}.graph-detail.hidden{transform:translate(calc(100% + 12px));opacity:0;pointer-events:none}.graph-detail-header{flex-shrink:0;padding:20px 20px 12px;border-bottom:1px solid oklch(1 0 0 / 5%)}.graph-detail-inner{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 20px 20px;scrollbar-width:thin;scrollbar-color:oklch(1 0 0 / 15%) transparent}.graph-detail-inner::-webkit-scrollbar{width:6px}.graph-detail-inner::-webkit-scrollbar-track{background:transparent}.graph-detail-inner::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.graph-detail-close{float:right;background:none;border:none;color:var(--nxb-text-muted);cursor:pointer;font-size:14px;padding:4px;line-height:1;border-radius:4px;transition:color .15s,background .15s}.graph-detail-close:hover{color:var(--nxb-text-secondary);background:#ffffff0d}.graph-detail-back{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;margin-top:6px;background:#ffffff0d;border:none;border-radius:9999px;color:#ffffff7f;cursor:pointer;transition:background .15s,color .15s}.graph-detail-back:hover{background:#ffffff14;color:#fffc}.graph-detail-type{font-family:var(--graph-mono);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.graph-detail-name{font-family:var(--graph-mono);font-size:14px;font-weight:600;color:var(--nxb-text-primary);margin-bottom:4px;letter-spacing:-.01em}.graph-detail-meta{font-family:var(--graph-mono);font-size:10px;color:var(--nxb-text-muted, rgba(255, 255, 255, .2));margin-bottom:10px;word-break:break-all}.graph-detail-desc{font-size:12px;color:var(--nxb-text-secondary);line-height:1.6;margin-bottom:14px}.graph-detail-desc strong{color:var(--nxb-text-primary);font-weight:600}.graph-detail-desc em{color:var(--nxb-text-secondary);font-style:italic}.graph-detail-desc p{margin-bottom:8px}.graph-detail-desc p:last-child{margin-bottom:0}.graph-detail-section{margin-top:16px}.graph-detail-section-title{font-family:var(--graph-mono);font-size:10px;font-weight:600;color:var(--nxb-text-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid var(--nxb-border-low, oklch(1 0 0 / 5%))}.graph-detail-table{width:100%;font-size:12px;border-collapse:collapse}.graph-detail-table thead{position:sticky;top:0}.graph-detail-table th{text-align:left;color:var(--nxb-text-muted);padding:6px 10px;font-weight:500;font-size:10px;font-family:var(--graph-mono);text-transform:uppercase;letter-spacing:.06em;background:var(--nxb-surface-2);border-bottom:1px solid var(--nxb-border-low, oklch(1 0 0 / 5%))}.graph-detail-table td{padding:5px 10px;color:var(--nxb-text-secondary);font-size:11px;border-bottom:1px solid rgba(255,255,255,.03)}.graph-detail-table tr:nth-child(odd) td{background:#18181b4d}.graph-detail-table tr:hover td{background:var(--nxb-overlay-light, rgba(255, 255, 255, .05))}.graph-detail-table tr:last-child td{border-bottom:none}.graph-detail-mono{font-family:var(--graph-mono);font-size:10px}.graph-detail-key-field{color:#f59e0b;font-weight:500}.graph-detail-type-col{color:#ffffff4d}.graph-detail-proj-item{padding:10px 12px;margin-bottom:6px;border:1px solid var(--nxb-border-low, oklch(1 0 0 / 5%));border-radius:12px;cursor:pointer;transition:background .15s,border-color .15s;text-align:left;width:100%;background:transparent;color:inherit;font-family:inherit}.graph-detail-proj-item:hover{background:var(--nxb-overlay-light, oklch(1 0 0 / 5%));border-color:var(--nxb-border-medium, oklch(1 0 0 / 10%))}.graph-detail-proj-item:last-child{margin-bottom:0}.graph-detail-proj-item-name{font-family:var(--graph-mono);font-size:11px;font-weight:500;color:#823feb;margin-bottom:2px}.graph-detail-proj-item-meta{font-size:10px;color:var(--nxb-text-muted)}.graph-detail-method-badge{font-family:var(--graph-mono);font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;letter-spacing:.04em}.graph-detail-method-POST{background:#16a34a40;color:#4ade80}.graph-detail-method-GET{background:#2563eb40;color:#60a5fa}.graph-detail-method-PUT{background:#d9770640;color:#fbbf24}.graph-detail-method-DELETE{background:#dc262640;color:#f87171}.graph-detail-method-PATCH{background:#7c3aed40;color:#a78bfa}.graph-detail-loading{display:flex;align-items:center;justify-content:center;padding:40px;color:#fff3;font-size:12px}.graph-detail-spinner{width:12px;height:12px;border:1.5px solid rgba(255,255,255,.06);border-top-color:#823feb;border-radius:50%;animation:graph-detail-spin .6s linear infinite;margin-right:8px}@keyframes graph-detail-spin{to{transform:rotate(360deg)}}@media(max-width:767px){.graph-detail{width:100%;height:55vh;inset:auto 0 0;border-left:none;border-top:1px solid var(--nxb-border-medium, oklch(1 0 0 / 10%));border-radius:16px 16px 0 0;transform:translateY(0);transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease}.graph-detail.hidden{transform:translateY(100%)}.graph-detail-header{padding:14px 14px 10px}.graph-detail-inner{width:100%;max-width:100%;padding:10px 14px 14px}.graph-detail-type{font-size:9px;margin-bottom:4px}.graph-detail-name{font-size:12px;margin-bottom:2px}.graph-detail-meta{font-size:9px;margin-bottom:6px}.graph-detail-desc{font-size:11px;line-height:1.5;margin-bottom:10px}.graph-detail-desc p{margin-bottom:6px}.graph-detail-section{margin-top:12px}.graph-detail-section-title{font-size:9px}}.graph-detail-error-text{color:#ef4444;font-size:11px}.graph-detail-label{opacity:.5}.graph-detail-note{font-size:11px;color:var(--nxb-text-muted);margin-top:12px}.graph-detail-meta--error{color:#ff646480}.graph-detail-meta--empty{color:#fff3}