:root{--accent:#40b2ba;--border:#121318;--blue:#147a96}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:auto}body{color:#333;background:#fff;font-family:Lato,Helvetica Neue,Arial,sans-serif;font-size:14px}button,input,textarea{font:inherit}button{cursor:pointer}p{margin:0 0 10px;line-height:1.5}ul{margin-top:0;padding-left:23px}h4{margin:0;padding:5px 0;font-size:18px;font-weight:500;line-height:1.1}.main-box{justify-content:center;gap:10px;width:min(1210px,100vw - 20px);height:calc(100vh - 20px);min-height:560px;margin:10px auto;display:flex;position:relative}.side-column{flex-direction:column;flex:0 0 270px;width:270px;display:flex}.segmented{height:34px;display:flex}.segmented button{color:#555;white-space:nowrap;background:#fff;border:1px solid #d4d4d4;border-right-width:0;height:34px;padding:6px 11px}.segmented button:first-child{border-radius:4px 0 0 4px}.segmented button:last-child{border-right-width:1px;border-radius:0 4px 4px 0}.segmented button:hover{background:#f5f5f5}.segmented button.active{color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent);border-color:var(--accent);background:#f7ffff}.mode-tabs button{flex:1;min-width:0;padding-inline:6px}.legend-panel,.data-panel,.graph-stage{border:1px solid var(--border);border-radius:5px}.legend-panel{min-height:238px;margin-top:10px;padding:10px;overflow:auto}.legend-panel li{margin:2px 0;line-height:1.35}.config-panel{padding-left:0}.config-panel>label{align-items:center;margin-bottom:8px;display:flex}.config-panel label span{width:58%;display:inline-block}.config-panel input[type=number]{border:1px solid #bdbdbd;border-radius:3px;width:30%;height:27px;padding-left:4px}.config-panel input[type=color]{background:#fff;border:1px solid #bdbdbd;border-radius:3px;width:30%;height:27px;padding:1px 3px}.command-wrap{position:relative}.info-button,.export-buttons button{background:var(--blue);color:#fff;border:1px solid #0f637a;border-radius:5px;box-shadow:inset 0 1px #ffffff2e}.info-button{margin-top:2px;padding:6px 12px}.info-button:hover,.export-buttons button:hover{background:#0f637a}.command-menu{z-index:20;background:#fff;border:1px solid #121318;border-radius:4px;width:132px;position:absolute;bottom:calc(100% + 4px);left:0;box-shadow:0 3px 8px #00000024}.command-menu button{text-align:left;background:#fff;border:0;width:100%;padding:7px 9px;display:block}.command-menu button:hover{color:var(--accent);background:#edf8f9}.data-panel{flex-direction:column;flex:1;min-height:260px;margin-top:10px;padding-top:10px;display:flex;overflow:hidden}.data-panel header{justify-content:space-between;min-height:26px;padding:0 10px;display:flex}.data-panel header>span:last-child{white-space:nowrap;display:flex}.data-panel header input{background:0 0;border:0;width:28px;height:20px;padding:0}.code-editor{background:#fff;border-top:1px solid #ddd;flex:1;grid-template-columns:38px 1fr;min-height:0;font:13px/20px Consolas,Monaco,Courier New,monospace;display:grid;overflow:hidden}.line-numbers{color:#999;text-align:right;will-change:transform;background:#f2f2f2;padding-top:7px}.line-numbers span{height:20px;padding-right:9px;display:block}.code-editor textarea{resize:none;color:#333;width:100%;min-height:100%;font:inherit;white-space:pre;background:#fff;border:0;outline:0;padding:7px 8px}.code-editor textarea:focus{box-shadow:inset 0 0 0 1px var(--accent)}.error-line{color:#b73232;background:#fff0f0;margin:0;padding:3px 8px;font-size:12px}.graph-column{flex:920px;min-width:560px;max-width:920px}.graph-toolbar{align-items:center;gap:5px;height:34px;display:flex}.export-buttons{gap:4px;height:34px;display:flex}.export-buttons button{height:34px;padding:6px 10px}.graph-stage{background:#fff;width:100%;height:calc(100% - 44px);min-height:516px;margin-top:10px;position:relative;overflow:hidden}.graph-stage svg{touch-action:none;width:100%;height:100%;display:block}.graph-edge line:not(.edge-hit){stroke-width:2px}.edge-hit{stroke:#0000;stroke-width:16px;cursor:default}.mode-delete .graph-edge,.mode-edit .graph-edge{cursor:pointer}.mode-delete .graph-edge:hover line:not(.edge-hit){stroke-width:3px;stroke:#e34a4a!important}.graph-edge text{fill:#222;-webkit-user-select:none;user-select:none;font-size:15px}.graph-node{cursor:default}.mode-config .graph-node,.mode-force .graph-node,.mode-draw .graph-node,.mode-edit .graph-node,.mode-delete .graph-node{cursor:pointer}.graph-node circle{stroke-width:2px;transition:stroke-width .12s,filter .12s}.graph-node:hover circle{stroke-width:3px;filter:drop-shadow(0 1px 2px #00000038)}.graph-node:focus{outline:none}.graph-node:focus-visible circle{stroke-width:3px;filter:drop-shadow(0 0 3px var(--accent))}.mode-delete .graph-node:hover circle{stroke:#e34a4a!important}.graph-node text{fill:#111;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:15px}.pending-ring{fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:5 4}.inline-editor{z-index:5;border:1px solid var(--accent);text-align:center;background:#fff;border-radius:2px;outline:0;width:52px;height:27px;position:absolute;transform:translate(-50%,-50%)}.modal-backdrop{z-index:100;background:#0000001f;place-items:center;display:grid;position:fixed;inset:0}.markup-card,.matrix-card{background:#fff;border-radius:5px;max-width:85vw;max-height:85vh;padding:24px 34px 34px;position:relative;overflow:auto;box-shadow:0 12px 32px #00000038}.markup-card{width:min(620px,85vw);padding:30px 20px 20px}.markup-card textarea{resize:vertical;background:#fff;border:1px solid #777;border-radius:4px;width:100%;min-height:320px;padding:12px;font:13px/1.5 Consolas,Monaco,monospace;display:block}.close-button{color:#777;background:0 0;border:0;font-size:24px;position:absolute;top:7px;right:9px}.matrix-card table{border-collapse:collapse;margin-top:10px}.matrix-card h3{margin:18px 0 4px;font-size:16px;font-weight:600}.matrix-card th,.matrix-card td{text-align:center;border:1px solid #999;min-width:44px;padding:6px 10px}.matrix-card th{background:#eaf7ff}.matrix-card tr:nth-child(odd) td{background:#f9f9f9}.adjacency-table{min-width:100%}.adjacency-table td{text-align:left;white-space:nowrap}.adjacency-table td span{text-align:center;background:#fff;border:1px solid #c9c9c9;border-radius:3px;min-width:58px;margin-right:8px;padding:3px 8px;display:inline-block}.adjacency-table small{color:#777;margin-left:4px}.adjacency-table i{color:#999}.matrix-warning{color:#6a4b00;background:#fff7df;border-radius:4px;margin-top:12px;padding:10px}@media (max-width:1050px){.main-box{justify-content:flex-start;width:max-content;margin-inline:10px}.graph-column{width:760px}}@media (max-width:879px){.main-box{width:calc(100% - 20px);height:auto;min-height:0;margin:10px;display:block}.side-column{width:100%}.legend-panel{min-height:0}.data-panel{height:42vh;min-height:300px}.graph-column{width:100%;min-width:0;max-width:none;margin-top:10px}.graph-toolbar{flex-wrap:wrap;height:auto}.graph-stage{height:min(90vw,600px);min-height:420px}.matrix-card{max-width:94vw;padding-inline:18px}}@media print{.side-column,.graph-toolbar{display:none}.main-box,.graph-column,.graph-stage{border:0;width:100%;height:100%;margin:0}}