.tree-page .force-tree-card .tree-intro{padding:28px 32px 22px}.tree-page .tree-intro h1{font-size:3rem;margin-block:8px}.tree-page .tree-toolbar{margin-top:18px;align-items:center}.tree-page .tree-view-switch{display:flex;gap:3px;padding:3px;border-radius:8px;background:var(--body-background)}.tree-page .tree-view-switch button{min-height:36px;border-color:transparent;background:0 0;padding:6px 14px}.tree-page .tree-view-switch [aria-pressed=true]{background:var(--card-background);color:var(--accent-color);border-color:var(--card-separator-color);font-weight:600}.tree-page .tree-status{font-size:1.25rem;line-height:1.6;margin-top:10px}.graph-shell{--graph-edge:#b8c6d3;--graph-label-bg:#fff;--graph-branch-0:#477b9e;--graph-branch-1:#8872b2;--graph-branch-2:#3c8b80;--graph-branch-3:#b28146;--graph-branch-4:#aa6c86;--graph-branch-5:#688456;border-radius:0 0 var(--card-border-radius)var(--card-border-radius);overflow:hidden;background:var(--card-background);color:var(--card-text-color-main)}.graph-shell button,.graph-shell select{font:inherit;color:inherit}.graph-shell button{cursor:pointer}.graph-shell button,.graph-shell .graph-selection-actions a{border:1px solid var(--card-separator-color);border-radius:6px;min-height:36px;padding:6px 10px;background:var(--card-background);font-size:1.25rem;line-height:1.6}.graph-shell button:hover,.graph-shell a:hover{background:var(--card-background-selected);color:var(--accent-color)}.graph-shell button[aria-pressed=true]{background:var(--card-background-selected);color:var(--accent-color)}.graph-shell button:disabled{cursor:default;opacity:.5}.graph-shell :where(button,a,select,input,summary):focus-visible{outline:2px solid var(--accent-color);outline-offset:2px}.graph-shell [hidden]{display:none!important}[data-scheme=dark] .graph-shell{--graph-edge:#4c5968;--graph-label-bg:#21262e;--graph-branch-0:#8ebbd9;--graph-branch-1:#b39bd4;--graph-branch-2:#83beb2;--graph-branch-3:#d1ad7e;--graph-branch-4:#ca97ae;--graph-branch-5:#a6bd91}.graph-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-bottom:1px solid var(--card-separator-color)}.graph-button-group{display:flex;align-items:center;gap:6px}#graph-zoom-in,#graph-zoom-out,#graph-fullscreen{min-width:36px;padding-inline:8px;font-size:1.8rem;line-height:1}.graph-motion-status{font-size:1.15rem;color:var(--card-text-color-tertiary);margin-right:4px}.graph-workspace{display:grid;grid-template-columns:minmax(0,1fr)240px;min-height:580px}.graph-stage{position:relative;height:clamp(540px,65vh,820px);min-width:0;overflow:hidden;background:var(--card-background)}#tree-graph{display:block;width:100%;height:100%;touch-action:none;user-select:none;cursor:grab}#tree-graph.is-dragging{cursor:grabbing}.graph-edges line{stroke:var(--graph-edge);stroke-width:1;vector-effect:non-scaling-stroke;opacity:.7}.graph-edges line.on-path{stroke:var(--accent-color);stroke-width:1.7;opacity:1}.graph-nodes>g{cursor:pointer;outline:none}.graph-node-hit{fill:transparent;stroke:none}.graph-node-dot{fill:var(--node-color,var(--accent-color))}.graph-node-ring{fill:var(--card-background);stroke:var(--node-color,var(--accent-color));stroke-width:1.8;vector-effect:non-scaling-stroke}.graph-node-focus{fill:none;stroke:var(--accent-color);stroke-width:1.5;vector-effect:non-scaling-stroke;opacity:0}.graph-nodes>g.is-selected .graph-node-focus,.graph-nodes>g:focus-visible .graph-node-focus{opacity:1}.graph-nodes>g.is-hovered .graph-node-dot{opacity:1}.graph-node-label{fill:var(--card-text-color-secondary);font-family:var(--base-font-family);font-weight:400;paint-order:stroke;stroke:var(--graph-label-bg);stroke-width:4px;stroke-linejoin:round;pointer-events:none}.graph-nodes>g[data-kind=folder] .graph-node-label,.graph-nodes>g[data-kind=root] .graph-node-label{font-weight:600;fill:var(--card-text-color-main)}.graph-nodes>g.is-selected .graph-node-label,.graph-nodes>g.is-hovered .graph-node-label{fill:var(--accent-color);font-weight:600}.graph-nodes>g.is-dim{opacity:.23}.graph-edges line.is-dim{opacity:.16}.graph-empty{position:absolute;top:45%;width:100%;padding:20px;text-align:center;font-size:1.4rem;line-height:1.8;color:var(--card-text-color-secondary);pointer-events:none}.graph-legend{pointer-events:none;display:flex;gap:16px;align-items:center;position:absolute;bottom:16px;left:20px;right:20px;font-size:1.15rem;color:var(--card-text-color-secondary)}.graph-legend span{display:flex;align-items:center;gap:6px}.graph-legend #graph-zoom-value{margin-left:auto;font-family:var(--code-font-family)}.legend-folder{width:11px;height:11px;border:2px solid var(--accent-color);border-radius:50%}.legend-post{width:6px;height:6px;border-radius:50%;background:var(--accent-color)}.graph-inspector{padding:22px 18px;border-left:1px solid var(--card-separator-color);min-width:0;max-height:clamp(540px,65vh,820px);overflow-y:auto;overscroll-behavior:contain}.graph-field-label{display:block;font-size:1.2rem;font-weight:600;color:var(--card-text-color-secondary);margin-bottom:8px}#graph-branch{width:100%;min-height:38px;border:1px solid var(--card-separator-color);border-radius:6px;padding:8px;background:var(--body-background);font-size:1.3rem}.graph-selection{margin:26px 0 20px}.graph-node-kind{color:var(--accent-color);font:1.05rem/1.6 var(--code-font-family);letter-spacing:.07em}.graph-inspector h2{font-size:1.6rem;margin:8px 0 12px;line-height:1.5;overflow-wrap:anywhere}.graph-inspector p{font-size:1.25rem;line-height:1.75;margin:10px 0;color:var(--card-text-color-secondary);overflow-wrap:anywhere}#graph-selection-path{font-size:1.15rem}.graph-selection-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:16px}#graph-open{display:block;text-decoration:none;color:var(--accent-color);font-weight:600}.graph-inspector .graph-settings{border-top:1px solid var(--card-separator-color);margin-top:20px;padding-top:16px}.graph-settings summary{font-size:1.25rem;cursor:pointer;min-height:32px}.graph-settings label{display:flex;justify-content:space-between;font-size:1.2rem;margin-top:12px}.graph-settings output{color:var(--card-text-color-tertiary)}.graph-settings input{width:100%;accent-color:var(--accent-color);margin-block:8px 12px}.graph-inspector .graph-model-note{margin-top:18px;font-size:1.15rem}.graph-results{margin-block:20px}.graph-results h2{font-size:1.25rem}.graph-results ul{list-style:none;padding:0;margin:0 0 10px}.graph-results li+li{margin-top:4px}.graph-results button{text-align:left;width:100%;overflow-wrap:anywhere}#graph-result-count{color:var(--card-text-color-tertiary);font-weight:400}.graph-help{border-top:1px solid var(--card-separator-color);padding:12px 20px;margin:0;color:var(--card-text-color-tertiary);font-size:1.15rem;line-height:1.8}.graph-shell:fullscreen{border-radius:0;display:flex;flex-direction:column}.graph-shell:fullscreen .graph-workspace{flex:1;min-height:0}.graph-shell:fullscreen .graph-stage{height:100%}.graph-shell:fullscreen .graph-inspector{max-height:calc(100dvh - 138px)}@media(max-width:1100px){.graph-workspace{grid-template-columns:minmax(0,1fr)210px}}@media(max-width:767px){.tree-page .force-tree-card .tree-intro{padding:22px 24px 18px}.tree-page .tree-toolbar input{width:100%;flex-basis:100%;font-size:16px}.graph-actions{flex-wrap:wrap;padding:10px 14px;gap:8px}.graph-actions .graph-motion-status{display:none}.graph-workspace{display:flex;flex-direction:column;min-height:0}.graph-stage{height:480px;height:clamp(360px,58svh,540px)}.graph-inspector{max-height:none;border-left:0;border-top:1px solid var(--card-separator-color);padding:18px 24px}.graph-selection{margin-block:18px}.graph-shell button{min-height:40px}.graph-legend{bottom:12px;left:16px;right:16px}.graph-help{padding:12px 24px}.graph-shell:fullscreen{overflow-y:auto}.graph-shell:fullscreen .graph-workspace{flex:none}.graph-shell:fullscreen .graph-stage{height:62dvh;flex-shrink:0}.graph-shell:fullscreen .graph-inspector{max-height:none}}