*{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans SC,sans-serif;background:#f5f5f5;color:#333}#app{display:flex;height:100vh;width:100vw;overflow:hidden}.sidebar{width:200px;min-width:200px;background:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column;transition:min-width .2s,width .2s;z-index:20}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid #eee;background:#fafafa}.sidebar-header h2{font-size:14px;font-weight:600;color:#444;white-space:nowrap}.sidebar-toggle{width:26px;height:26px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:12px;color:#666;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sidebar-toggle:hover{background:#f0f0f0}.blueprint-list{flex:1;overflow-y:auto}.blueprint-item{padding:10px 14px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background .15s;white-space:nowrap;overflow:hidden}.blueprint-item:hover{background:#f0f4ff}.blueprint-item.active{background:#e8eeff;border-left:3px solid #4a7cff}.bp-name{display:block;font-size:13px;font-weight:600;color:#333}.bp-repo{display:block;font-size:11px;color:#999;margin-top:2px}.sidebar-open-btn{position:fixed;left:8px;top:8px;z-index:100;width:34px;height:34px;border:1px solid #ddd;background:#fff;border-radius:6px;cursor:pointer;font-size:16px;color:#666;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000001f}.sidebar-open-btn:hover{background:#f0f0f0}.main{flex:1;display:flex;flex-direction:column;position:relative;min-width:0;min-height:0}.toolbar{display:flex;gap:4px;padding:6px 10px;background:#fff;border-bottom:1px solid #e0e0e0;z-index:10;flex-shrink:0}.toolbar button{width:30px;height:30px;border:1px solid #ddd;background:#fff;border-radius:4px;cursor:pointer;font-size:14px;color:#555;display:flex;align-items:center;justify-content:center}.toolbar button:hover{background:#f0f0f0}.graph-container{flex:1;position:relative;background:#fafafa;background-image:radial-gradient(circle,#e0e0e0 1px,transparent 1px);background-size:20px 20px;min-height:0;overflow:hidden}.graph-container svg{display:block;width:100%;height:100%}.detail-panel{width:260px;min-width:260px;background:#fff;border-left:1px solid #e0e0e0;overflow-y:auto;flex-shrink:0;z-index:10}.detail-title{padding:14px 16px;font-size:18px;font-weight:700;color:#333;border-bottom:1px solid #eee;background:#fafafa}.detail-content{padding:16px;font-size:14px;line-height:1.7;color:#333}.detail-content p{margin-bottom:8px}.detail-content strong{color:#111}.detail-content a{color:#4a7cff;text-decoration:none}.detail-content a:hover{text-decoration:underline}.detail-content ul,.detail-content ol{padding-left:20px;margin-bottom:8px}.detail-content code{background:#f0f0f0;padding:1px 4px;border-radius:3px;font-size:11px}.node rect{transition:filter .15s}.node:hover rect{filter:brightness(.94)}.node-content{padding:8px 14px;font-size:12px;line-height:1.5;color:#333;overflow:hidden;word-wrap:break-word}.node-content p{margin:0 0 2px;overflow:hidden}.node-content p:last-child{margin-bottom:0}.node-content h2{color:#111;font-size:16px;font-weight:700;margin:0 0 4px;line-height:1.3}.node-content strong{color:#111;font-weight:600}.node-content a{color:#4a7cff;text-decoration:none}.node-content a:hover{text-decoration:underline}.node-content em{color:#888}.node-content ul,.node-content ol{padding-left:14px;margin:2px 0}.node-content li{margin:0 0 1px;overflow:hidden}.empty-state{color:#aaa;font-size:13px;padding:30px 16px;text-align:center}.loading{color:#999;font-size:13px;padding:16px;text-align:center}.error{color:#d44;font-size:13px;padding:16px;text-align:center}@media(max-width:768px){.sidebar{position:fixed;left:0;top:0;bottom:0;width:200px;min-width:200px;z-index:60;box-shadow:2px 0 8px #00000026;transition:transform .2s ease}.sidebar.sidebar-hidden{transform:translate(-100%)}.sidebar-header{padding:8px 12px}.blueprint-list{overflow-y:auto}.blueprint-item{padding:8px 14px}.sidebar-open-btn{display:flex!important;position:fixed;left:8px;top:8px;z-index:55}.detail-panel{position:fixed;bottom:0;left:0;right:0;width:100%;min-width:100%;max-height:45vh;border-left:none;border-top:1px solid #e0e0e0;border-radius:12px 12px 0 0;box-shadow:0 -2px 12px #0000001f;z-index:50;overflow-y:auto;transform:translateY(100%);transition:transform .25s ease}.detail-panel.mobile-open{transform:translateY(0)}.main{width:100%}.node-content{font-size:10px;padding:4px 6px}}@media(max-width:480px){.sidebar{width:180px;min-width:180px}.sidebar-header h2{font-size:13px}.blueprint-item{padding:6px 10px}.bp-name{font-size:12px}.toolbar{padding:4px 6px}.toolbar button{width:28px;height:28px;font-size:13px}}