.network-info{display:flex;align-items:center;gap:var(--space-4);flex-shrink:0}.control-panel{display:flex;align-items:center;gap:var(--space-4);margin-right:var(--space-3);flex-shrink:0}.control-group{display:flex;align-items:center;gap:var(--space-2)}.control-slider-wrap{display:flex;align-items:center;gap:var(--space-2);height:29px;padding:0 var(--space-2)}.control-range{width:60px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;cursor:pointer}.control-range::-webkit-slider-runnable-track{height:2px;background:var(--color-button-text-hover);border-radius:1px}.control-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:11px;height:11px;border-radius:50%;background:var(--color-button-text-hover);margin-top:-4.5px}.control-range::-moz-range-track{height:2px;background:var(--color-button-text-hover);border-radius:1px}.control-range::-moz-range-thumb{width:11px;height:11px;border-radius:50%;background:var(--color-button-text-hover);border:none}.control-range-value{width:2.5ch;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-button-text-hover);text-align:right}.control-label{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;color:var(--color-label-text, var(--color-text-secondary));text-transform:uppercase;letter-spacing:.05em}.control-select{font-family:var(--font-mono);font-size:1rem;height:34px;padding:0 var(--space-3);padding-right:var(--space-6);width:15em;background-color:var(--color-button-bg);color:var(--color-button-text-hover);font-weight:500;border:1px solid var(--color-control-btn-border);border-radius:4px;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%23969696' d='M3 5.5L8 11L13 5.5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.control-select:focus{outline:none}.control-select:disabled{opacity:.5;cursor:not-allowed}@media(orientation:portrait){.control-select{width:10em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}.control-info{display:flex;align-items:center;gap:var(--space-2);height:34px;padding:0 var(--space-3);background-color:var(--color-button-bg);border:1px solid var(--color-control-btn-border);border-radius:4px}.info-stat{display:flex;align-items:baseline;gap:var(--space-1)}.info-value{font-family:var(--font-mono);font-size:var(--text-base);font-weight:500;color:var(--color-button-text-hover)}.info-label{font-family:var(--font-mono);font-size:var(--text-base);color:var(--color-button-text-hover)}.info-divider{color:var(--color-button-text-hover)}.selection-info{display:flex;align-items:center;gap:var(--space-2)}.selection-badge{display:inline-block;font-family:var(--font-mono);font-size:var(--text-base);height:34px;line-height:34px;padding:0 8px;border:1px solid var(--color-control-btn-border);border-radius:4px;white-space:nowrap}.selection-badge--nodes{background-color:var(--color-node-selected);color:var(--color-node-selected-contrast-text)}.selection-badge--edges{background-color:var(--color-edge-selected);color:var(--color-edge-selected-contrast-text)}.selection-badge-clear{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--color-control-btn-border);border-radius:4px;padding:0;cursor:pointer;background-color:var(--color-button-bg);color:var(--color-button-text-hover);transition:background-color var(--transition-fast),color var(--transition-fast),filter var(--transition-fast)}.selection-badge-clear--nodes{background-color:var(--color-node-selected);color:var(--color-node-selected-contrast-text)}.selection-badge-clear--nodes:hover{filter:brightness(1.2)}.selection-badge-clear--nodes:active{filter:brightness(1.35)}.selection-badge-clear--edges{background-color:var(--color-edge-selected);color:var(--color-edge-selected-contrast-text)}.selection-badge-clear--edges:hover{filter:brightness(1.2)}.selection-badge-clear--edges:active{filter:brightness(1.35)}.selection-badge-clear:focus-visible{outline:2px solid var(--color-node-selected);outline-offset:1px}.control-button{font-family:var(--font-mono);font-size:var(--text-base);height:34px;padding:0 var(--space-2);background-color:transparent;color:var(--color-button-text-hover);border:1px solid var(--color-control-btn-border);border-radius:4px;cursor:pointer;transition:all var(--transition-fast);display:flex;align-items:center}.control-button:hover{background-color:var(--color-button-bg);color:var(--color-button-text-hover)}.control-btn-wrap{background-color:var(--color-button-bg);border:1px solid var(--color-control-btn-border);border-radius:4px;padding:2px}.control-btn-wrap--brush{background-color:var(--color-button-text-hover)}.control-btn-wrap--nodes{background-color:var(--color-node-selected)}.control-btn-wrap--edges{background-color:var(--color-edge-selected)}.control-icon-btn{display:flex;align-items:center;justify-content:center;width:29px;height:29px;background:transparent;border:none;border-radius:3px;color:var(--color-button-text-hover);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.control-icon-btn:hover{background-color:var(--color-button-hover);color:var(--color-button-text-hover)}.control-icon-btn:active{background-color:var(--color-button-active)}.control-icon-btn:focus-visible{outline:2px solid var(--color-button-accent);outline-offset:1px}.control-icon-btn--active{background-color:var(--color-button-active);color:var(--color-button-text-hover)}.control-icon-btn--off{background-color:var(--color-button-bg);color:var(--color-button-text-hover)}.control-icon-btn--off:hover{background-color:var(--color-button-hover);color:var(--color-button-text-hover)}.control-icon-btn--off:active{background-color:var(--color-button-active)}.control-icon-btn--brush{background-color:var(--color-button-text-hover);color:var(--color-bg-primary)}.control-icon-btn--brush:hover{background-color:var(--color-button-text-hover);color:var(--color-bg-primary);filter:brightness(.85)}.control-icon-btn--nodes{background-color:var(--color-node-selected);color:var(--color-node-selected-contrast-text)}.control-icon-btn--nodes:hover{background-color:var(--color-node-selected);color:var(--color-node-selected-contrast-text);filter:brightness(1.2)}.control-icon-btn--nodes:active{filter:brightness(1.35)}.control-icon-btn--edges{background-color:var(--color-edge-selected);color:var(--color-edge-selected-contrast-text)}.control-icon-btn--edges:hover{background-color:var(--color-edge-selected);color:var(--color-edge-selected-contrast-text);filter:brightness(1.2)}.control-icon-btn--edges:active{filter:brightness(1.35)}.control-button--reversed{background-color:var(--color-button-active);color:var(--color-button-text-hover);font-weight:500}.control-button--reversed:hover{background-color:var(--color-button-hover);color:var(--color-button-text-hover)}.control-status{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-status-error)}.zoom-controls{display:flex;align-items:center;gap:var(--space-1);background-color:var(--color-button-bg);border-radius:4px;padding:2px}.zoom-btn{display:flex;align-items:center;justify-content:center;width:29px;height:29px;background:transparent;border:none;border-radius:3px;color:var(--color-button-text-hover);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.zoom-btn:hover:not(:disabled){background-color:var(--color-button-hover);color:var(--color-button-text-hover)}.zoom-btn:active:not(:disabled){background-color:var(--color-button-active)}.zoom-btn:disabled{color:var(--color-button-text-hover);cursor:not-allowed}.zoom-btn:focus-visible{outline:2px solid var(--color-button-accent);outline-offset:1px}.zoom-btn--active{color:var(--color-button-accent)}.zoom-level{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:900;color:var(--color-button-text-hover);min-width:42px;text-align:center;-webkit-user-select:none;user-select:none;background:transparent;border:none;border-radius:3px;cursor:pointer;height:29px;transition:background-color var(--transition-fast),color var(--transition-fast)}.zoom-level:hover:not(:disabled){background-color:var(--color-button-hover);color:var(--color-button-text-hover)}.zoom-level:active:not(:disabled){background-color:var(--color-button-active)}.zoom-level:disabled{opacity:.3;cursor:not-allowed}.zoom-divider{width:2px;height:18px;background-color:var(--color-button-divider);margin:0 var(--space-1)}.size-controls{display:flex;align-items:center;gap:var(--space-1);background-color:var(--color-button-bg);border-radius:4px;padding:2px}.size-toggle-btn{display:flex;align-items:center;justify-content:center;gap:4px;height:29px;min-width:29px;padding:0 6px;background:transparent;border:none;border-radius:3px;color:var(--color-button-text-hover);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.size-toggle-btn:hover:not(:disabled){background-color:var(--color-button-hover);color:var(--color-button-text-hover)}.size-toggle-btn:active:not(:disabled){background-color:var(--color-button-active)}.size-toggle-btn:disabled{color:var(--color-button-text-hover);cursor:not-allowed}.size-toggle-btn:focus-visible{outline:2px solid var(--color-button-accent);outline-offset:1px}.size-toggle-icon{flex-shrink:0}.size-toggle-label{font-family:var(--font-mono);font-size:.75rem;font-weight:900;line-height:1}.size-divider{width:2px;height:18px;background-color:var(--color-button-divider);margin:0 2px}.pane{display:flex;flex-direction:column;position:relative;height:100%;background-color:var(--color-pane-bg, var(--color-bg-primary));border:1px solid var(--pane-border-color, transparent);border-radius:var(--pane-border-radius);overflow:hidden}.pane-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);position:absolute;top:1.1rem;left:0;right:0;padding:0 1.1rem;z-index:10;pointer-events:none}.pane-header-left,.pane-header-right{display:flex;align-items:center;gap:var(--space-2);pointer-events:auto}.pane-header-left .size-toggle-btn{font-family:var(--font-mono);font-size:1rem;font-weight:500;padding:0 10px}.pane-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);position:absolute;bottom:.366rem;left:0;right:0;height:55px;padding:0 1.1rem;background-color:transparent;z-index:10;pointer-events:none}.pane-footer-left,.pane-footer-right{display:flex;align-items:center;gap:var(--space-2);pointer-events:auto}.pane-content{flex:1;overflow:auto;position:relative}.pane-empty{display:flex;align-items:center;justify-content:center;height:100%;padding:var(--space-4)}.pane-empty-text{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-secondary);text-align:center}.pane-hover-info{position:absolute;top:var(--space-2);left:var(--space-3);display:flex;flex-direction:column;align-items:flex-start;gap:2px;pointer-events:none;z-index:10}.pane-hover-node,.pane-hover-edge{font-family:var(--font-mono);font-size:var(--text-xs)}.pane-hover-node{color:var(--color-node-selected)}.pane-hover-edge{color:var(--color-edge-selected)}.pane-visualization{width:100%;height:100%;position:absolute;top:0;left:0}.pane-visualization svg{display:block;width:100%;height:100%}.node{cursor:pointer;transition:r .1s ease}.node:hover{filter:brightness(1.2)}.edge{cursor:pointer;pointer-events:stroke;stroke-linecap:round}.edge:hover{filter:brightness(1.2)}.pane-visualization:focus{outline:2px solid var(--color-node-selected);outline-offset:-2px}.pane-visualization:focus:not(:focus-visible){outline:none}.nodelink-brush-group .selection{fill:var(--color-node-selected);fill-opacity:.08;stroke:var(--color-node-selected);stroke-width:1;stroke-dasharray:4 2}.nodelink-brush-group .handle{display:none}.axis line,.axis path{stroke:var(--color-border)}.axis text{font-family:var(--font-mono);font-size:var(--text-xs);fill:var(--color-text-muted)}.axis-label{display:none}.grid-line{pointer-events:none}.census-line{cursor:pointer;transition:stroke-opacity .1s ease,stroke-width .1s ease}.census-line:hover{stroke-opacity:1!important}.brush-group .selection{fill:var(--color-node-selected);fill-opacity:.08;stroke:var(--color-node-selected);stroke-width:1;stroke-dasharray:4 2}.brush-group .overlay{cursor:crosshair}.brush-group .handle{display:none}.pane-visualization--scroll{position:relative;width:100%;height:auto}.pane-visualization--scroll svg{display:block;height:auto}.core-line,.island-line,.core-singleton,.island-singleton{pointer-events:none}.snake-node{cursor:pointer;transition:r .1s ease,fill .1s ease}.snake-node:hover{filter:brightness(1.2)}.core-label{pointer-events:none;-webkit-user-select:none;user-select:none}.ksnakes-brush-group .selection{fill:var(--color-node-selected);fill-opacity:.08;stroke:var(--color-node-selected);stroke-width:1;stroke-dasharray:4 2}.ksnakes-brush-group .overlay{cursor:crosshair}.ksnakes-brush-group .handle{display:none}.matrix-cell{cursor:pointer}.pane-visualization svg{overflow:visible}.matrix-gridline{shape-rendering:crispEdges;pointer-events:none}.matrix-gridline-hit{cursor:pointer}.adj-brush-btn.zoom-btn--active{color:var(--color-edge-selected)}.adj-brush-group .selection{fill:var(--color-edge-selected);fill-opacity:.1;stroke:var(--color-edge-selected);stroke-width:1;stroke-dasharray:4 2}.adj-brush-group .overlay{cursor:crosshair}.adj-brush-group .handle{display:none}.panel{display:flex;flex-direction:column;height:100%;overflow:hidden;position:relative}.panel-group--portrait{height:100%}.panel-group--portrait .panel{height:100%;position:relative}.app{display:flex;flex-direction:column;height:100%;overflow:hidden}.app-header{display:flex;align-items:center;gap:var(--space-4);height:var(--header-height);padding:0 var(--space-4);background-color:var(--color-bg-secondary);flex-shrink:0;overflow-x:auto;overflow-y:hidden}.app-title{width:17.6rem;flex-shrink:0;margin-left:var(--space-4);margin-right:var(--space-4)}.app-title a{text-decoration:none;color:inherit;transition:color .2s ease,text-shadow .2s ease}.app-title a:hover{color:var(--color-text-bright)}.app-title h1{font-family:var(--font-mono);font-size:1.65rem;font-weight:300;letter-spacing:-.01em;color:var(--color-label-text, var(--color-text-primary))}[data-theme=light] .app-title h1{font-weight:400}.app-header-spacer{flex:1;display:flex;align-items:center;justify-content:center}.app-main{flex:1;overflow:hidden;padding:0 var(--pane-gap) var(--pane-gap) var(--pane-gap);background-color:var(--color-bg-secondary)}:root{--color-bg-primary: #0d1117;--color-bg-secondary: #2d333b;--color-bg-tertiary: #21262d;--color-pane-bg: var(--color-bg-primary);--color-border: #30363d;--color-surface-active: #3d444d;--color-text-primary: #e6edf3;--color-text-secondary: #b1bac4;--color-text-muted: #8b949e;--color-node-default: #c8cdd3;--color-edge-default-line: #3c434d;--color-edge-default-point: #c8cdd3;--color-node-selected: #007be6;--color-node-hover: rgba(88, 166, 255, .5);--color-edge-selected: #e6533f;--color-edge-hover: rgba(247, 129, 102, .5);--color-node-selected-contrast-text: #0d1117;--color-edge-selected-contrast-text: #0d1117;--color-ksnakes-core: #3c434d;--color-ksnakes-island: #0d1117;--color-hopcensus-grid-line: #1e2530;--color-accent-nodelink: #58a6ff;--color-accent-hopcensus: #58a6ff;--color-accent-ksnakes: #58a6ff;--color-accent-adjmatrix: #58a6ff;--color-node-selected-bg: rgba(88, 166, 255, .2);--color-node-selected-bg-hover: rgba(88, 166, 255, .35);--color-node-selected-bg-active: rgba(88, 166, 255, .5);--color-edge-selected-bg: rgba(247, 129, 102, .2);--color-edge-selected-bg-hover: rgba(247, 129, 102, .35);--color-edge-selected-bg-active: rgba(247, 129, 102, .5);--color-divider: #444c56;--color-status-error: #f85149;--color-text-bright: #ffffff;--font-sans: "Roboto Condensed", -apple-system, BlinkMacSystemFont, sans-serif;--text-xs: .825rem;--text-sm: .894rem;--text-base: .9625rem;--text-lg: 1.1rem;--text-xl: 1.238rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--header-height: 80px;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .25s ease;--color-button-bg: #21262d;--color-button-hover: #2d333b;--color-button-active: #3d444d;--color-button-text: var(--color-text-secondary);--color-button-text-hover: var(--color-text-primary);--color-button-text-bright: var(--color-text-bright);--color-button-border: var(--color-border);--color-button-divider: var(--color-divider);--color-button-accent: #58a6ff;--color-control-btn-border: transparent;--resize-handle-size: 12px;--pane-gap: 14px;--pane-border-radius: 16px}[data-theme=light]{--color-bg-primary: #f4f5f7;--color-bg-secondary: #f0f1f4;--color-bg-tertiary: #e5e8ec;--color-pane-bg: #ffffff;--color-border: #c6ccd4;--color-surface-active: #cfd5dd;--color-text-primary: #1f2328;--color-text-secondary: #8b949e;--color-text-muted: #636c76;--color-node-default: #4d5561;--color-edge-default-line: #d8dce4;--color-edge-default-point: #4d5561;--color-node-selected: #007be6;--color-node-hover: rgba(2, 119, 242, .4);--color-edge-selected: #e6533f;--color-edge-hover: rgba(230, 83, 63, .4);--color-node-selected-contrast-text: #ffffff;--color-edge-selected-contrast-text: #0d1117;--color-ksnakes-core: #d8dce4;--color-ksnakes-island: #ffffff;--color-hopcensus-grid-line: #e4e8f0;--color-accent-nodelink: #0277f2;--color-accent-hopcensus: #0277f2;--color-accent-ksnakes: #0277f2;--color-accent-adjmatrix: #0277f2;--color-node-selected-bg: rgba(2, 119, 242, .18);--color-node-selected-bg-hover: rgba(2, 119, 242, .32);--color-node-selected-bg-active: rgba(2, 119, 242, .5);--color-edge-selected-bg: rgba(230, 83, 63, .18);--color-edge-selected-bg-hover: rgba(230, 83, 63, .32);--color-edge-selected-bg-active: rgba(230, 83, 63, .5);--color-divider: #bcc3cc;--color-text-bright: #000000;--color-label-text: var(--color-text-primary);--color-button-bg: #dde5f0;--color-button-hover: #b7c0cb;--color-button-active: #a7b2be;--color-button-text: #4c5662;--color-button-text-hover: #1f2328;--color-button-text-bright: #0f1419;--color-button-border: #1f2328;--color-button-divider: #a4adb8;--color-control-btn-border: #1f2328;--pane-border-color: #1f2328}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;scrollbar-width:none}*::-webkit-scrollbar{display:none}html,body,#root{height:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.panel-group{height:100%}.panel-resize-handle{background-color:var(--color-bg-secondary);transition:background-color var(--transition-fast)}.panel-resize-handle[data-panel-group-direction=horizontal]{width:var(--resize-handle-size);cursor:col-resize}.panel-resize-handle[data-panel-group-direction=vertical]{height:var(--resize-handle-size);cursor:row-resize}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-surface-active);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}