:root{--navbar-height: 35px;--topbar-height: 35px;--padding-height: 8px;--padding-width: 12px;--node-width: 134px;--node-height: 24px;--node-padding: 12px;--node-border: 2px;--node-border-radius: 5px;--node-offset-x: 200px;--node-offset-y: 62px;--node-highlight: 2px;--node-font: 16px;--node-line-border: 2px;--node-guide-triangle: 12px;--node-guide-triangle-gap: 4px;--node-menu-icon-width: 20px;--node-menu-icon-font: 12px;--node-progress-icon-width: 16px;--node-progress-icon-height: 16px;--node-progress-icon-font: 12px;--node-color-line-defualt: rgb(210, 210, 210);--node-color-line-issue: rgb(255, 120, 120);--node-color-line-issue-ini: rgb(160, 160, 160);--node-color-line-issue-tracer: rgb(255, 170, 170);--node-color-text-complete: rgb(0, 102, 5);--node-color-text-progress: rgba(168, 0, 0, .829);--node-color-text-progress-checker: rgb(255, 255, 255);--node-color-line-pending: rgb(255, 141, 141);--node-color-line-invisible: rgb(0, 0, 0, 0);--node-color-line-active: rgb(161, 103, 255);--node-color-line-nonActive: rgb(225, 225, 225);--node-color-line-modify: rgb(219, 41, 255);--node-color-line-icon: rgb(220, 220, 220);--node-color-background-defualt: rgb(255, 255, 255);--node-color-background-disConnected: rgba(255, 0, 13, .3);--node-color-background-mainnode: rgba(255, 255, 255, .1);--node-color-background-sharing: rgba(29, 161, 242, .05);--node-color-background-sharing-menu: rgb(238, 238, 238);--node-color-background-shared: rgba(126, 87, 194, .05);--node-color-background-icon: rgb(240, 240, 240);--node-color-background-progress-icon: rgb(255, 144, 144);--node-color-background-progress-icon-ini: rgb(180, 180, 180);--node-color-background-move: rgba(58, 61, 255, .1);--node-color-background-invisible: rgb(0, 0, 0, 0);--node-color-background-active: rgba(96, 99, 255, .1);--node-color-background-modify: rgba(255, 141, 141, .1);--node-color-background-overflow: rgba(235, 235, 235, .8)}body{margin:0;font-family:Noto Sans KR,Noto Sans,sans-serif}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#fff;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1100}.spinner{width:48px;height:48px;border:6px solid #ccc;border-top:6px solid #333;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.loading-text{font-size:1.1rem;color:#333}@keyframes spin{to{transform:rotate(360deg)}}.hidden{display:none}