:root{--primary-color:#4a89dc;--secondary-color:#f5f7fa;--border-color:#e6e9ed;--text-dark:#2e3133;--text-light:#656d78;--text-light-rgba:hsla(215,9%,43%,.5);--highlight-color:#5d9cec;--shadow-color:rgba(0,0,0,.1);--background-color:#f9f9f9;--panel-bg:#fff;--canvas-bg:#fff;--grid-color:rgba(0,0,0,.05);--grid-color-darker:rgba(0,0,0,.15);--tab-bg:#f5f7fa;--header-bg:#fff;--control-bg:#fff;--model-hover:#f5f7fa;--model-selected:rgba(74,137,220,.1);--placeholder-icon:#e6e9ed;--component-bg:#fff;--primary-color-rgb:65,184,131;--primary-color-light:#63c89b;--secondary-diag-bg:#f8f8f8;--logo-fill:#ffebd2;--bg-tertiary:#e9ecef;--bg-tab:#d9ddde;--header-color-1:#a9c8e0;--header-color-2:#b0d2e8;--header-color-3:#c9e4f3;--header-color-4:#e8f6fd;--header-color-5:#f5faff;--box-shadow:0 2px 4px rgba(0,0,0,.12);--box-shadow-light:0 1px 3px rgba(0,0,0,.07);--box-shadow-card:0 1px 4px rgba(0,0,0,.05);--box-shadow-hover:0 4px 12px rgba(0,0,0,.1);--app-bg:#f5f7fa;--border-color:#dcdfe6;--boder-coler-rgba:rgba(220,223,230,.5);--border-color-light:#e4e7ed;--border-color-lighter:#ebeef5;--border-color-darker:#c0c4cc;--component-chosen:rgba(63,124,146,.18);--font-size-xs:12px;--font-size-sm:13px;--font-size:14px;--font-size-md:16px;--font-size-lg:18px;--font-size-xl:20px;--diag-primary-color:#41b883;--diag-primary-color-rgb:65,184,131;--diag-primary-color-light:#63c89b;--diag-primary-color-lighter:#e8f7f1;--diag-primary-color-dark:#349268;--bg-color:#fff;--fine-grid-color:#e0e0e0;--coarse-grid-color:#a0a0a0;--controls-bg:hsla(0,0%,100%,.9);--text-color:#333;--button-bg:#f0f0f0;--button-text:#333;--button-border:#ccc;--button-hover:#e0e0e0;--widget-color:#4285f4;--widget-active-color:#0d47a1;--snap-guide-color:red;--connection-point-color:#0a0;--connection-line-color:#a0a;--connection-arrow-color:#a0a;--connection-delete-color:#f33;--secondary-button-color:#f5f7fa;--primary-button-color:#4a89dc;--primary-button-color-rgba:74,137,220;--sidebar-active-bg:rgba(59,130,246,.1);--button-boder-light:#dbeafe}.dark-theme{--primary-color:#5d9cec;--secondary-color:#2d2d2d;--border-color:#444;--text-dark:#e0e0e0;--text-light:#aaa;--text-light-rgba:hsla(0,0%,67%,.05);--highlight-color:#6cb2ff;--shadow-color:rgba(0,0,0,.3);--background-color:#1a1a1a;--panel-bg:#252525;--canvas-bg:#252525;--grid-color:hsla(0,0%,100%,.05);--grid-color-darker:hsla(0,0%,100%,.15);--tab-bg:#2d2d2d;--header-bg:#252525;--control-bg:#252525;--model-hover:#333;--model-selected:rgba(93,156,236,.2);--placeholder-icon:#656d78;--component-bg:#252525;--primary-color-rgb:65,184,131;--primary-color-light:#63c89b;--secondary-diag-bg:#2c2c2c;--bg-tertiary:#404040;--bg-tab:#c4e0ed;--box-shadow:0 2px 4px rgba(0,0,0,.3);--box-shadow-light:0 1px 3px rgba(0,0,0,.3);--box-shadow-card:0 1px 4px rgba(0,0,0,.2);--box-shadow-hover:0 4px 12px rgba(0,0,0,.4);--app-bg:#1a1a1a;--border-color:#424242;--boder-coler-rgba:rgba(66,66,66,.3);--border-color-light:#383838;--border-color-lighter:#333;--border-color-darker:#555;--component-chosen:hsla(0,0%,60%,.18);--diag-primary-color:#41b883;--diag-primary-color-rgb:65,184,131;--diag-primary-color-light:#63c89b;--diag-primary-color-lighter:#1e3229;--diag-primary-color-dark:#349268;--bg-color:#000;--fine-grid-color:#333;--coarse-grid-color:#555;--controls-bg:rgba(30,30,30,.9);--text-color:#eee;--button-bg:#444;--button-text:#eee;--button-border:#666;--button-hover:#555;--widget-color:#8ab4f8;--widget-active-color:#5e92f3;--snap-guide-color:#f44;--connection-point-color:#0c0;--connection-line-color:#c0c;--connection-arrow-color:#c0c;--connection-delete-color:#f55;--secondary-button-color:#2d2d2d;--primary-button-color:#5d9cec;--primary-button-color-rgba:20,136,210;--sidebar-active-bg:rgba(96,165,250,.2);--button-boder-light:#1e3a8a}*{box-sizing:border-box;margin:0;padding:0}body{--font-normal:1rem;--font-small:0.8rem;--font-big:1.2rem;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;background-color:var(--background-color);color:var(--text-dark);display:flex;flex-direction:column;font-family:Microsoft YaHei,sans-serif;font-size:var(--font-normal);font-weight:400;height:100vh;inset:0;overflow:hidden;position:fixed;transition:all .3s;width:100vw;z-index:1}header{flex-direction:column;height:9vh}#header_bar,header{display:flex;position:relative;width:100%}#header_bar{align-items:center;background-color:var(--tab-bg);border-bottom:1px solid var(--border-color);flex-direction:row;flex-shrink:0;gap:1%;height:4.5vh;overflow:hidden;padding:0 1.5%}#logo_container{align-items:center;display:flex;gap:8px;height:100%;justify-content:center;position:relative;width:auto}#logo{aspect-ratio:1/1;height:50%;overflow:visible;transition:fill var(--transition);width:auto}#logo:hover{transform:scale(1.1)}#logo path{fill:var(--logo-fill)}#app_name{font-family:STXihei,华文细黑,Microsoft YaHei,微软雅黑;font-weight:700;white-space:nowrap}#menu_container{flex:1;flex-direction:row;gap:5px;height:100%;overflow:hidden}#menu_container,.menu_bar{align-items:center;display:flex;position:relative;width:auto}.menu_bar{background:transparent;border:0;border-radius:5px;color:var(--text-dark);cursor:pointer;flex-direction:row;flex-wrap:nowrap;font-size:var(--font-small);gap:3px;height:80%;padding:0 5px}.menu_bar:hover{background-color:var(--border-color);color:var(--primary-color)}.menu_bar:hover svg path{stroke:var(--primary-color)}.menu_bar span{white-space:nowrap}.menu_bar svg{aspect-ratio:1/1;height:60%;position:relative;width:auto}.menu_bar svg path{stroke:var(--text-dark);transition:stroke var(--transition)}.menu_bar[data-menu-active]{background-color:var(--panel-bg);box-shadow:0 -2px 0 var(--primary-color) inset;color:var(--primary-color)}.menu_bar[data-menu-active] svg path{stroke:var(--primary-color)}.menu_bar[data-menu-active] span{color:var(--primary-color)}#setting_container{gap:8px;height:100%;overflow:hidden;width:auto}#setting_container,.setting_bar{align-items:center;display:flex;flex-direction:row;justify-content:center;position:relative}.setting_bar{background:transparent;border:0;cursor:pointer;flex-wrap:nowrap;height:80%}.setting_bar:hover svg path{stroke:var(--primary-color)}.setting_bar svg{aspect-ratio:1/1;height:60%;position:relative;width:auto}.setting_bar svg path{stroke:var(--text-dark)}#header_items{align-items:center;background-color:var(--component-bg);border-bottom:1px solid var(--border-color);display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;height:4.5vh;padding:0 1.5%;position:relative;width:100%}#component_items,#home_items{align-items:center;display:flex;flex-direction:row;flex-shrink:0;gap:10px;height:100%;position:relative;width:100%}.menu_item{aspect-ratio:1/1;background:transparent;border:0;border-radius:5px;cursor:pointer;display:flex;height:50%;position:relative;width:auto}.menu_item:hover{background-color:var(--border-color)}.menu_item:hover svg path{stroke:var(--primary-color)}.menu_item svg{aspect-ratio:1/1;height:100%;position:relative;width:auto}.menu_item svg path{stroke:var(--text-dark)}.menu_item[data-connection-active],.menu_item[data-grid-active]{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:var(--primary-color)}.menu_item[data-connection-active]:hover,.menu_item[data-grid-active]:hover{-webkit-backdrop-filter:none;backdrop-filter:none;background-color:var(--border-color)}.menu_item[data-connection-active]:hover svg path,.menu_item[data-grid-active]:hover svg path{stroke:var(--primary-color)}.seperator{background:var(--text-light-rgba);border-radius:2px;display:inline-block;height:60%;vertical-align:middle;width:1.5px}main{height:87vh}#main_project,main{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;flex-wrap:nowrap;position:relative;width:100%}#main_project{background-color:var(--component-bg);height:4vh}#main_container{align-items:center;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:nowrap;height:83vh;overflow:hidden;position:relative;width:100%}#main_aside{border-right:1px solid var(--border-color);width:20%}#main_aside,#main_content{align-items:center;display:flex;flex-direction:column;flex-shrink:0;flex-wrap:nowrap;height:100%;overflow:hidden;position:relative}#main_content{width:80%}#setting_dialog{background-color:var(--component-bg);border:none;border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--box-shadow-hover);display:none;flex-direction:column;height:60%;left:50%;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:50%}#setting_dialog[open]{display:flex}#setting_dialog::backdrop{backdrop-filter:blur(3px);background:rgba(0,0,0,.5)}#setting_header_container{border-bottom:1px solid var(--border-color);flex-shrink:0;flex-wrap:nowrap;justify-content:space-between;overflow:hidden;padding:.7rem 3%;width:100%}#setting_header_container,#setting_header_name{align-items:center;display:flex;flex-direction:row;position:relative}#setting_header_name{color:var(--text-dark);font-size:var(--font-normal);font-weight:400;gap:4px;height:100%;width:auto}#setting_header_name svg{aspect-ratio:1/1;height:70%;position:relative;width:auto}#setting_header_name svg path{stroke:var(--text-dark)}#setting_header_name span{align-items:center;display:flex}#setting_header_button{background:transparent;border:none;cursor:pointer;height:100%;position:relative;width:auto}#setting_header_button svg{aspect-ratio:1/1;height:70%;position:relative}#setting_header_button svg path{stroke:var(--text-dark)}#setting_body_container{display:flex;flex:1;flex-direction:row;overflow:hidden;padding:.8rem 0;width:100%}#setting_body_items{border-right:1px solid var(--border-color);display:flex;flex-direction:column;flex-shrink:0;flex-wrap:nowrap;gap:6px;height:100%;overflow:hidden;padding:.2rem 3%;position:relative;width:25%}.setting_body_item{background-color:transparent;border:none;border-radius:6px;color:var(--text-dark);cursor:pointer;font-size:var(--font-normal);font-weight:400;justify-content:flex-start;padding:.4rem 0;position:relative;width:100%}.setting_body_item:hover{background-color:var(--secondary-button-color)}.setting_body_item[data-setting-active]{background-color:var(--sidebar-active-bg);color:var(--primary-color);font-weight:500}#setting_body_content{flex-wrap:nowrap;height:100%;min-height:0;overflow-y:auto;scrollbar-color:var(--text-dark) transparent;scrollbar-width:normal;width:75%}#setting_body_content,.setting_column_container{display:flex;flex-direction:column;gap:6px;padding:.2rem 3%;position:relative}.setting_column_container{background:var(--button-bg);border-radius:8px;box-shadow:0 2px 5px rgba(0,0,0,.03);height:auto;width:100%}.setting_column_title{color:var(--text-dark);font-size:var(--font-normal);font-weight:800;justify-content:flex-start}.setting_column_title,.setting_detail_container{align-items:center;display:flex;padding:.4rem 0;position:relative}.setting_detail_container{border-top:1px solid var(--border-color);flex-direction:row;flex-shrink:0;flex-wrap:nowrap;overflow:hidden;width:100%}.setting_detail_title{color:var(--text-dark);font-size:var(--font-normal);font-weight:400;justify-content:flex-start}.setting_detail_content,.setting_detail_title{align-items:center;display:flex;height:100%;position:relative;width:50%}.setting_detail_content{justify-content:flex-end}#setting_footer_container{border-top:1px solid var(--border-color);flex-direction:row;flex-shrink:0;flex-wrap:nowrap;gap:12px;justify-content:flex-end;overflow:hidden;padding:.7rem 3%;width:100%}#setting_footer_container,.setting_footer_button{align-items:center;display:flex;position:relative}.setting_footer_button{background-color:var(--button-bg);border:1px solid var(--button-border);border-radius:5px;color:var(--text-dark);cursor:pointer;font-size:var(--font-small);font-weight:500;padding:8px 14px}.setting_footer_button:hover{background-color:rgba(var(--diag-primary-color-rg),.6)}.toggle-switch{aspect-ratio:2/1;cursor:pointer;display:inline-block;height:100%;position:relative;width:50px}.toggle-switch input[type=checkbox]{display:none}.toggle-switch-background{background-color:#ddd;border-radius:50vw;box-shadow:inset 0 0 0 .15em #ccc;height:100%;left:0;position:absolute;top:0;transition:background-color .3s ease-in-out;width:100%}.toggle-switch-handle{background-color:#fff;border-radius:50%;box-shadow:0 .15em .3em rgba(0,0,0,.2);height:80%;left:6.25%;position:absolute;top:10%;transition:transform .3s ease-in-out;width:37.5%}.toggle-switch:before{color:#aaa;content:"";font-size:.8em;font-weight:700;position:absolute;right:-50%;text-shadow:.05em .05em #fff;top:-70%;transition:color .3s ease-in-out}.toggle-switch input[type=checkbox]:checked+.toggle-switch-handle{box-shadow:0 .15em .3em rgba(0,0,0,.2),0 0 0 .3em #05c46b;transform:translateX(45px)}.toggle-switch input[type=checkbox]:checked+.toggle-switch-background{background-color:#05c46b;box-shadow:inset 0 0 0 .15em #04b360}.toggle-switch input[type=checkbox]:checked+.toggle-switch:before{color:#05c46b;content:"On";right:-20%}.toggle-switch input[type=checkbox]:checked+.toggle-switch-background .toggle-switch-handle{transform:translateX(150%)}