:root{font-family:Inter,Microsoft YaHei,Arial,sans-serif;color:#172033;background:#eef2f7;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{min-width:320px}button{font-family:inherit}.editor-shell{width:100%;height:100%;display:flex;overflow:hidden;color:#172033;background:#eef2f7}.command-bar{width:210px;flex:0 0 210px;display:flex;flex-direction:column;gap:18px;padding:18px 14px 14px;background:#fff;border-right:1px solid #d8dee9}.brand{color:#1f4b7f;font-size:16px;font-weight:700}.command-group{display:grid;gap:8px}.command,.zoom-readout,.icon-button{min-height:34px;border:1px solid #cbd5e1;border-radius:4px;background:#fff;color:#334155;font:inherit;cursor:pointer}.command{padding:0 10px;text-align:left;font-size:13px}.command:hover,.command.active,.zoom-readout:hover,.icon-button:hover{border-color:#3975b9;background:#edf5ff;color:#175ea8}.command.active{box-shadow:inset 3px 0 #3975b9}.help-button{min-height:32px;border:0;background:transparent;color:#3975b9;font:inherit;font-size:13px;text-align:left;cursor:pointer}.help-button:hover{color:#175ea8;text-decoration:underline}.sidebar-spacer{flex:1}.view-controls{display:grid;grid-template-columns:34px 1fr 34px;gap:6px}.icon-button{padding:0;font-size:20px;line-height:1}.zoom-readout{padding:0;font-size:12px}.canvas-state{color:#667085;font-size:12px;text-align:center}.workspace{min-width:0;min-height:0;flex:1;display:flex;flex-direction:column;position:relative}.workspace-header{height:46px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;background:#fff;border-bottom:1px solid #d8dee9;color:#475467;font-size:13px}.canvas-size{color:#98a2b3;font-variant-numeric:tabular-nums}.workspace-status{color:#475467}.action-message{position:absolute;z-index:40;left:18px;bottom:18px;display:grid;gap:4px;max-width:min(620px,calc(100% - 36px));padding:10px 12px;border:1px solid #b8d2ef;border-radius:4px;background:#fffffff7;box-shadow:0 4px 14px #0f172a1f;color:#344054;font-size:12px;line-height:1.45}.action-message strong{color:#175ea8;font-size:13px}.action-message span{white-space:normal}.canvas-scroll{min-width:0;min-height:0;flex:1;position:relative;overflow:hidden}.canvas-scroll .x6-graph-scroller{scrollbar-width:thin;scrollbar-color:#98a2b3 transparent}.canvas-scroll .x6-graph-scroller::-webkit-scrollbar{width:6px;height:6px}.canvas-scroll .x6-graph-scroller::-webkit-scrollbar-track{background:transparent}.canvas-scroll .x6-graph-scroller::-webkit-scrollbar-thumb{background:#98a2b3;border-radius:6px}.canvas-scroll .x6-graph-scroller::-webkit-scrollbar-thumb:hover{background:#667085}.canvas-scroll .x6-graph-scroller.scrollbar-hidden{scrollbar-width:none}.canvas-scroll .x6-graph-scroller.scrollbar-hidden::-webkit-scrollbar{display:none}.graph-host{position:relative;width:2200px;height:1500px;background:transparent}.graph-host.drawing,.graph-host.drawing .x6-graph-svg{cursor:crosshair}.edge-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.draw-hint{position:absolute;top:20px;left:20px;z-index:5;padding:8px 12px;border:1px solid #b8d2ef;border-radius:4px;background:#edf5fff0;color:#175ea8;font-size:12px;pointer-events:none}.edge-handle{position:absolute;z-index:20;transform:translate(-50%,-50%);padding:0;border:0;cursor:grab;pointer-events:auto}.edge-handle:active{cursor:grabbing}.vertex-handle{border-radius:50%;background:#1677ff;box-shadow:0 0 0 1px #fff}.anchor-handle{z-index:24;overflow:visible;border:1.5px solid #16a34a;border-radius:50%;background:#f8fafc;box-shadow:0 0 0 1px #fff}.anchor-handle:before{position:absolute;top:-7px;right:-7px;bottom:-7px;left:-7px;content:""}.segment-handle{width:22px;height:10px;border:1px solid #fff;border-radius:5px;background:#8c8f94;box-shadow:0 1px 2px #0f172a2e}.segment-handle.segment-horizontal{cursor:ns-resize}.segment-handle.segment-vertical{cursor:ew-resize}.segment-handle.segment-horizontal:active{cursor:ns-resize}.segment-handle.segment-vertical:active{cursor:ew-resize}.help-panel{position:absolute;z-index:50;right:20px;bottom:20px;width:min(500px,calc(100% - 40px));padding:14px 16px;border:1px solid #b9c7d8;border-radius:6px;background:#fffffffa;box-shadow:0 8px 24px #0f172a29;color:#344054;font-size:13px;line-height:1.6}.help-heading{display:flex;align-items:center;justify-content:space-between;color:#172033;font-size:14px;font-weight:700}.help-close{width:24px;height:24px;border:0;background:transparent;color:#667085;font-size:20px;line-height:1;cursor:pointer}.help-panel p{margin:8px 0 0}.help-panel kbd{padding:1px 4px;border:1px solid #cbd5e1;border-radius:3px;background:#f8fafc;font-family:inherit;font-size:11px}@media (max-width: 620px){.command-bar{width:164px;flex-basis:164px;padding:12px 10px}.workspace-header{padding:0 12px}.canvas-size{display:none}}