*{box-sizing:border-box;margin:0;padding:0}body{color:#222;background:#f0f0f0;height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow:hidden}#app{width:100vw;height:100vh;position:relative}#controls{z-index:10;position:absolute;top:16px;left:16px}#search{color:#222;background:#fff;border:1px solid #ccc;border-radius:6px;outline:none;width:300px;padding:10px 14px;font-size:14px}#search:focus{border-color:#999;box-shadow:0 0 0 2px #0000001a}#results{background:#fff;border:1px solid #ccc;border-radius:6px;max-height:300px;margin-top:4px;display:none;overflow-y:auto}#results.visible{display:block}.result-item{cursor:pointer;border-bottom:1px solid #eee;padding:8px 14px}.result-item:hover{background:#e8e8e8}.result-item .name{color:#222;font-weight:500}.result-item .summary{color:#888;margin-top:2px;font-size:12px}#canvas{cursor:grab;background:#f0f0f0;width:100%;height:100%}#canvas:active{cursor:grabbing}.node circle{fill:#ddd;stroke:#999;stroke-width:1.5px;cursor:pointer}.node circle:hover{fill:#ccc}.node image{cursor:pointer}.node text{fill:#222;pointer-events:none;text-anchor:middle;font-size:11px}.node .label{dominant-baseline:hanging;fill:#222;font-size:11px;font-weight:500}.edge{stroke:#999;stroke-width:1px;fill:none}.edge-label{fill:#888;text-anchor:middle;pointer-events:none;font-size:9px}#info-card{z-index:10;background:#fff;border:1px solid #ccc;border-radius:8px;max-width:300px;padding:16px;position:absolute;bottom:16px;right:16px;box-shadow:0 2px 8px #00000026}#info-card.hidden{display:none}#info-card h3{color:#c00;margin-bottom:4px}#info-card .meta{color:#666;font-size:12px}