*{box-sizing:border-box}body{margin:0;padding:0;font-family:Arial,sans-serif;background:#f8f9fa;height:100vh;overflow:hidden}.block-graph-container{position:relative;height:100vh;width:100vw}.header{position:fixed;top:0;left:0;right:0;background:white;padding:8px 15px;border-radius:0 0 8px 8px;box-shadow:0 2px 10px #0000001a;z-index:1000;transition:transform .3s ease;transform:translateY(0)}.header.collapsed{transform:translateY(calc(-100% + 0px))}.header-toggle{position:absolute;bottom:-30px;left:50%;transform:translate(-50%);width:70px;height:30px;background:white;border:1px solid #ddd;border-top:none;border-radius:0 0 6px 6px;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 5px #0000001a;z-index:1001;font-size:12px}.header-toggle:hover{background:#f5f5f5}.toggle-icon{transition:transform .3s ease}.header.collapsed .toggle-icon{transform:rotate(180deg)}.graph-container{position:absolute;left:0;right:0;bottom:0;background:white;z-index:999}.node circle{fill:#fff;stroke-width:2px;transition:all .3s ease}.node text{font:14px sans-serif;pointer-events:none;font-weight:500}.link{fill:none;stroke:#e0e0e0;stroke-width:1.5px;transition:all .3s ease}.tooltip{position:fixed;padding:10px 12px;background:rgba(255,255,255,.98);border:1px solid #ddd;border-radius:6px;pointer-events:none;font-size:11px;max-width:350px;box-shadow:0 4px 12px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1002;transition:opacity .2s ease}.information-panel{position:fixed;z-index:1000;right:10px;top:50px;padding:15px;background:rgba(255,255,255,.98);box-shadow:-1px 2px 12px #00000026;transition:opacity .2s ease}.header-content{display:flex;align-items:center;gap:15px;transition:opacity .2s ease}.header.collapsed .header-content{opacity:.3;pointer-events:none}.header-title{margin:0;color:#333;font-size:16px;white-space:nowrap}.controls{display:flex;align-items:center;margin-left:auto;gap:8px}button{padding:6px 12px;background:#4a90e2;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:11px;transition:all .2s ease;white-space:nowrap}button:hover{background:#357abd;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.stats{color:#666;font-size:11px;white-space:nowrap}.legend{display:flex;gap:15px;font-size:11px}.legend-item{display:flex;align-items:center;gap:5px}.legend-color{width:12px;height:12px;border-radius:50%}@media (max-width: 1200px){.header-content{flex-wrap:wrap;gap:8px}.header-title{font-size:14px}}.information-panel{position:fixed;z-index:1000;right:10px;top:50px;width:350px;max-height:calc(100vh - 70px);padding:15px;background:rgba(255,255,255,.98);border:1px solid #e1e5e9;border-radius:8px;box-shadow:-2px 4px 20px #00000026;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow-y:auto;transition:all .3s ease}.panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #f1f3f4}.panel-header h3{margin:0;color:#2d3748;font-size:16px;font-weight:600}.close-button{background:none;border:none;font-size:20px;cursor:pointer;color:#718096;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;border-radius:4px}.close-button:hover{background:#f7fafc;color:#2d3748}.section{margin-bottom:20px}.section h4{margin:0 0 12px;color:#2d3748;font-size:14px;font-weight:600;padding-bottom:6px;border-bottom:1px solid #e2e8f0}.section h5{margin:12px 0 8px;color:#4a5568;font-size:13px;font-weight:500}.info-grid{display:flex;flex-direction:column;gap:8px}.info-item{display:flex;justify-content:space-between;align-items:flex-start;padding:6px 0}.info-item label{font-weight:500;color:#4a5568;font-size:12px;min-width:80px;margin-right:10px}.info-item span{flex:1;color:#2d3748;font-size:12px;text-align:right;word-break:break-word}.node-name{font-weight:600;font-size:13px!important}.node-path{font-family:Monaco,Menlo,Ubuntu Mono,monospace;background:#f7fafc;padding:2px 6px;border-radius:4px;font-size:11px!important}.scope-info{background:#f8fafc;padding:12px;border-radius:6px;border-left:3px solid #4299e1;margin-bottom:10px}.block-info{background:#f8fafc;padding:12px;border-radius:6px;border-left:3px solid #10b981;margin-bottom:10px}.part-info{background:#f8fafc;padding:12px;border-radius:6px;border-left:3px solid #86efac;margin-bottom:10px}.scope-info .info-item,.block-info .info-item,.part-info .info-item{padding:4px 0}.related-nodes,.child-nodes{display:flex;flex-direction:column;gap:6px}.related-node,.child-node{display:flex;align-items:center;padding:6px 8px;background:#f7fafc;border-radius:4px;border:1px solid #e2e8f0;transition:all .2s ease;cursor:pointer}.related-node:hover,.child-node:hover{background:#edf2f7;border-color:#cbd5e0;transform:translate(2px)}.node-bullet{width:8px;height:8px;border-radius:50%;margin-right:8px;flex-shrink:0}.clickable-node{cursor:pointer;transition:color .2s ease}.clickable-node:hover{text-decoration:underline}.legend-section{background:#fafafc;padding:12px;border-radius:6px;margin-top:20px}.legend-items{display:flex;flex-direction:column;gap:6px}.legend-item{display:flex;align-items:center;gap:8px;font-size:11px;color:#4a5568}.legend-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}@media (max-width: 768px){.information-panel{width:300px;right:5px;top:45px}}.information-panel::-webkit-scrollbar{width:6px}.information-panel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.information-panel::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.information-panel::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.node-hovered{transition:all .2s ease}.node circle{transition:all .2s ease}.clickable-header{cursor:pointer;transition:color .2s ease;display:flex;align-items:center;gap:8px}.clickable-header:hover{color:#4a90e2}