body,html{margin:0;padding:0;font-family:Roboto Mono,monospace,sans-serif;height:100%;overflow:hidden}.dashboard{display:grid;grid-template-columns:1fr 2fr;height:100vh}.info-panel{padding:30px;overflow-y:auto;border-right:1px solid #ddd;background:#fafafa}.info-panel h1{font-size:28px;margin:0 0 10px;color:#333}.info-panel p{font-size:16px;line-height:1.6;color:#333;margin-bottom:20px}.info-list{font-size:14px;color:#333;line-height:1.4;margin:0;padding-left:20px}.info-list--views{margin-bottom:15px}.tree-view-section{margin-top:30px}.tree-view-section h3{font-size:18px;font-weight:700;margin:0 0 15px;color:#333}.tree-view{font-family:Courier New,monospace;font-size:14px;line-height:1.8;color:#333;overflow-x:auto}.tree-node{display:flex;align-items:center;white-space:nowrap}.tree-indent{display:inline-block}.tree-icon{display:inline-block;width:20px;color:#666;font-size:12px;user-select:none}.tree-label{padding:2px 6px}.tree-children{display:none}.documentation-link-section{margin-top:30px;margin-bottom:40px;padding-top:20px;border-top:1px solid #ddd}.documentation-link-section h3{font-size:18px;font-weight:700;margin:0 0 10px;color:#333}.docs-link{color:#4a90e2;text-decoration:none;font-weight:500;transition:color .2s ease}.docs-link:hover{color:#2e5c8a;text-decoration:underline}.documentation-view{padding:30px;overflow-y:auto;background:#fafafa}.documentation-view .back-button{display:inline-block;padding:10px 20px;background:#4a90e2;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:20px;transition:background .2s ease}.documentation-view .back-button:hover{background:#2e5c8a}.documentation-view .markdown-content{max-width:100%;color:#333}.documentation-view .markdown-content h1{font-size:32px;margin:0 0 20px;color:#333;border-bottom:2px solid #ddd;padding-bottom:10px}.documentation-view .markdown-content h2{font-size:24px;margin:30px 0 15px;color:#333;border-bottom:1px solid #eee;padding-bottom:8px}.documentation-view .markdown-content h3{font-size:20px;margin:25px 0 12px;color:#333}.documentation-view .markdown-content p{font-size:16px;line-height:1.7;margin-bottom:16px;color:#444}.documentation-view .markdown-content ul,.documentation-view .markdown-content ol{font-size:16px;line-height:1.6;margin:10px 0 20px;padding-left:25px;color:#444}.documentation-view .markdown-content li{margin-bottom:8px}.documentation-view .markdown-content code{background:#f0f0f0;padding:2px 6px;border-radius:3px;font-family:Courier New,monospace;font-size:14px;color:#d73a49}.documentation-view .markdown-content pre{background:#f6f8fa;padding:16px;border-radius:6px;overflow-x:auto;margin:16px 0;border:1px solid #e1e4e8}.documentation-view .markdown-content pre code{background:none;padding:0;color:#333;font-size:14px}.documentation-view .markdown-content blockquote{border-left:4px solid #4a90e2;padding-left:16px;margin:16px 0;color:#666;font-style:italic}.documentation-view .markdown-content a{color:#4a90e2;text-decoration:none;transition:color .2s ease}.documentation-view .markdown-content a:hover{color:#2e5c8a;text-decoration:underline}.documentation-view .markdown-content hr{border:none;border-top:2px solid #ddd;margin:30px 0}.documentation-view .markdown-content strong{font-weight:600;color:#333}.info-panel.showing-docs .info-panel>*:not(.documentation-view){display:none}.floating-tooltip{position:absolute;width:max-content;max-width:max(50%,150px);padding:3px 5px;border-radius:3px;font:12px sans-serif;color:#eee;background:#0009;pointer-events:none}.viz-panel{position:relative;overflow:hidden;display:flex;flex-direction:column}.tabs-container{display:flex;background:#fff;border-bottom:2px solid #ddd;padding:10px 20px 0;gap:5px}.tab{padding:12px 24px;background:#e0e0e0;border:none;border-radius:8px 8px 0 0;cursor:pointer;font-size:16px;font-weight:500;color:#666;transition:all .3s ease;border-bottom:3px solid transparent}.tab:hover{background:#d0d0d0;color:#333}.tab.active{background:#4a90e2;color:#fff;border-bottom:3px solid #2e5c8a}.viz-canvas{flex:1;position:relative;overflow:hidden}.viz-canvas svg{width:100%;height:100%;display:block}.node{cursor:pointer;stroke:#000;stroke-width:.5px}.node:hover{stroke:#000;stroke-width:1.5px}.label{font-size:20px;font-weight:600;text-anchor:middle;text-shadow:0 1px 0 #fff,1px 0 0 #fff,-1px 0 0 #fff,0 -1px 0 #fff}.label--root{font-size:24px;font-weight:700;fill:#333;text-shadow:0 2px 0 #fff,2px 0 0 #fff,-2px 0 0 #fff,0 -2px 0 #fff,0 3px 8px rgba(0,0,0,.3)}.label--parent{font-size:22px;font-weight:700;fill:#333;text-anchor:middle}.label,.node--root,.node--leaf{pointer-events:none}