.graphql-voyager{display:flex;flex-direction:row;height:100%;width:100%;overflow:hidden;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}.doc-panel{width:320px;min-width:320px;height:100%;background:#f7f7f7;box-shadow:0 0 10px #0000001a;z-index:10;overflow:auto;display:flex;flex-direction:column}.doc-panel .contents{padding:15px;flex:1;overflow-y:auto}.viewport-area{flex:1;height:100%;position:relative;overflow:hidden}.graph-viewport{width:100%;height:100%;position:relative;overflow:hidden}.initial-loading,.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%;color:#666;font-size:16px}.spinner{border:4px solid rgba(0,0,0,.1);border-radius:50%;border-top:4px solid #1a59b7;width:40px;height:40px;margin-bottom:15px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.schema-diagram{width:100%;height:100%}.node{cursor:pointer;transition:opacity .2s ease}.node:hover{opacity:.8}.node.selected rect{stroke:#f5222d;stroke-width:2px}.edge{cursor:pointer}.edge.selected path{stroke:#f5222d;stroke-width:2px}.edge.selected text{fill:#f5222d;font-weight:700}.node.interactive:hover{filter:brightness(1.1)}.edge.interactive:hover path{stroke-width:2px}.controls{position:absolute;bottom:20px;right:20px;display:flex;flex-direction:column;gap:6px;background:#ffffffd9;border-radius:6px;padding:10px;box-shadow:0 2px 8px #00000026;z-index:1000}.controls button{width:36px;height:36px;border-radius:4px;border:1px solid #d9d9d9;background:#fff;font-size:18px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s}.controls button:hover{background:#f0f7ff;border-color:#1a59b7;color:#1a59b7}.controls button:active{background:#e6f4ff}.controls-help{font-size:11px;color:#888;text-align:center;margin-top:8px;white-space:nowrap}.pulse{animation:pulse-animation 1.5s ease-in-out}@keyframes pulse-animation{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.graph-error{padding:20px;text-align:center;color:#f5222d}.graph-error h3{margin-bottom:10px;font-size:18px}