.hierarchy-view{flex-direction:column;gap:14px;min-width:0;display:flex}.hierarchy-disclosure{flex-direction:column;gap:12px;min-width:0;display:flex}.hierarchy-disclosure>button{align-self:flex-start}.hierarchy-switch{border:1px solid var(--line);background:var(--card);border-radius:7px;align-self:flex-start;padding:3px}.hierarchy-explorer{border:1px solid var(--line);background:var(--card);font-size:var(--app-font-size-body,13px);color:var(--text);border-radius:8px;min-width:0;overflow:hidden}.hierarchy-tools{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px;padding:14px 16px;display:flex}.hierarchy-tools>div:first-child{flex:1;min-width:200px}.hierarchy-tools strong{font-size:var(--app-font-size-card-title,15px);font-weight:600}.hierarchy-tools p,.hierarchy-details p{font-size:var(--app-font-size-secondary,12px);color:var(--text-2);margin:5px 0;line-height:1.6}.hierarchy-search{width:100%}.hierarchy-legend{background:var(--card-2);color:var(--text-2);flex-wrap:wrap;gap:14px;padding:10px 16px;font-size:11px;display:flex}.hierarchy-legend span:before{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.hierarchy-zoom-tools{border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--text-2);padding:5px 12px;font-size:11px}.hierarchy-diagram{width:max-content;min-width:100%}.hierarchy-body{align-items:stretch;min-width:0;display:flex}.hierarchy-canvas{background-color:var(--bg);background-image:radial-gradient(var(--line) .8px,transparent .8px);cursor:grab;touch-action:pan-x pan-y pinch-zoom;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;background-size:18px 18px;flex:1;min-width:0;min-height:300px;max-height:700px;padding:24px;overflow:auto}.hierarchy-canvas.is-panning,.hierarchy-canvas.is-panning *{cursor:grabbing!important}.hierarchy-fullscreen-toggle{margin-left:auto}.hierarchy-fullscreen-dialog{height:100dvh;max-height:100dvh;overflow:hidden}.hierarchy-fullscreen-body{height:100%;padding:0}.hierarchy-fullscreen{border:0;border-radius:0;flex-direction:column;height:100%;display:flex}.hierarchy-fullscreen>.hierarchy-tools,.hierarchy-fullscreen>.hierarchy-legend,.hierarchy-fullscreen>.hierarchy-zoom-tools,.hierarchy-fullscreen>.hierarchy-footer{flex-shrink:0}.hierarchy-fullscreen>.hierarchy-body{flex:1;min-height:0}.hierarchy-fullscreen .hierarchy-canvas{min-height:0;max-height:none}.hierarchy-fullscreen .hierarchy-details{overflow:auto}.hierarchy-canvas ul{margin:0;padding:0;list-style:none}.hierarchy-canvas .hierarchy-roots{justify-content:safe center;gap:24px;width:max-content;min-width:100%;display:flex}.hierarchy-roots>li{flex-direction:column;align-items:center;display:flex}.hierarchy-canvas .hierarchy-children{border-left:1px solid var(--line);flex-direction:column;gap:14px;margin-left:14px;padding:18px 0 0 16px;display:flex}.hierarchy-roots>li>.hierarchy-children{border-left:0;flex-direction:row;align-items:flex-start;gap:20px;margin:0;padding:24px 0 0}.hierarchy-children>li{position:relative}.hierarchy-children>li:before{content:"";border-top:1px solid var(--line);width:16px;position:absolute;top:30px;left:-16px}.hierarchy-roots>li>.hierarchy-children>li:before{border-top:1px solid var(--line);border-left:1px solid var(--line);width:calc(100% + 20px);height:12px;top:-12px;left:50%}.hierarchy-roots>li>.hierarchy-children>li:last-child:before{width:0}.hierarchy-roots>li>.hierarchy-branch{position:relative}.hierarchy-roots>li>.hierarchy-branch:has(.hierarchy-expand[aria-expanded=true]):after{content:"";border-left:1px solid var(--line);height:12px;position:absolute;bottom:-12px;left:50%}.hierarchy-branch{width:190px}.hierarchy-node{text-align:left;background:var(--card);width:100%;min-height:76px;color:var(--text);border:1px solid var(--line);border-top:3px solid var(--accent);cursor:pointer;font:inherit;overflow-wrap:anywhere;border-radius:7px;flex-direction:column;gap:5px;padding:12px;display:flex;box-shadow:0 2px 5px #00000006}.hierarchy-node:hover,.hierarchy-node.is-selected{border-color:var(--accent)}.hierarchy-node.is-selected{box-shadow:0 0 0 2px var(--accent-soft)}.hierarchy-node:focus-visible,.hierarchy-expand:focus-visible,.hierarchy-canvas:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.hierarchy-node strong{font-size:13px;font-weight:600;line-height:1.45}.hierarchy-kind{text-transform:uppercase;letter-spacing:.6px;color:var(--text-2);font-size:10px}.hierarchy-summary,.hierarchy-count{color:var(--text-2);font-size:11px;line-height:1.45}.hierarchy-count{color:var(--muted)}.hierarchy-expand{border:1px solid var(--line);background:var(--card-2);color:var(--text-2);width:100%;font:inherit;cursor:pointer;border-radius:4px;justify-content:center;align-items:center;gap:4px;margin-top:6px;padding:5px;font-size:11px;display:flex}.hierarchy-details{border-left:1px solid var(--line);overflow-wrap:anywhere;background:var(--card);flex-shrink:0;width:240px;padding:20px}.hierarchy-details h3{font-size:var(--app-font-size-card-title,15px);margin:10px 0;font-weight:600}.hierarchy-details dl{margin:16px 0}.hierarchy-details dl>div{border-top:1px solid var(--line-soft);justify-content:space-between;gap:12px;padding:9px 0;font-size:12px;display:flex}.hierarchy-details dt{color:var(--muted)}.hierarchy-details dd{text-align:right;margin:0}.hierarchy-path{background:var(--card-2);border-radius:6px;margin:14px 0;padding:10px}.hierarchy-path strong{text-transform:uppercase;color:var(--muted);font-size:10px}.hierarchy-footer{border-top:1px solid var(--line);color:var(--muted);margin:0;padding:11px 16px;font-size:11px}.hierarchy-empty{color:var(--text-2);font-size:13px}@media (width<=1100px){.hierarchy-body{flex-direction:column}.hierarchy-details{border-left:0;border-top:1px solid var(--line);width:100%}.hierarchy-details dl{flex-wrap:wrap;gap:12px;display:flex}.hierarchy-details dl>div{min-width:170px}.hierarchy-canvas{max-height:540px}.hierarchy-fullscreen .hierarchy-details{flex-shrink:0;max-height:25dvh;padding:12px 16px}.hierarchy-fullscreen .hierarchy-details h3{margin:4px 0}.hierarchy-fullscreen .hierarchy-tools{gap:8px;padding:10px 16px}.hierarchy-fullscreen .hierarchy-canvas{max-height:none}}@media (height<=600px){.hierarchy-fullscreen .hierarchy-tools p,.hierarchy-fullscreen .hierarchy-legend,.hierarchy-fullscreen .hierarchy-footer{display:none}.hierarchy-fullscreen .hierarchy-details{max-height:20dvh}.hierarchy-fullscreen .hierarchy-tools{gap:4px;padding:8px}}@media (prefers-reduced-motion:reduce){.hierarchy-explorer *{scroll-behavior:auto}}