.sidebar{background-color:var(--sidebarBackground);width:250px;height:100%;box-shadow:5px 0 15px var(--sidebarShadowDark);z-index:5;flex-direction:column;padding:20px;transition:background-color .2s;display:flex}.sidebar.dark-theme{color:var(--text)}.sidebar-title{border-bottom:2px solid var(--accent);color:var(--text);letter-spacing:.5px;margin-bottom:20px;padding-bottom:10px;font-size:16px;font-weight:600}.sidebar-components{flex-direction:column;flex-grow:1;gap:15px;margin:0 -20px 0 0;padding:5px 20px 25px 5px;display:flex;overflow-y:auto;-webkit-mask-image:linear-gradient(#000 0%,#000 95%,transparent 100%);mask-image:linear-gradient(#000 0%,#000 95%,transparent 100%)}.sidebar-component{cursor:grab;border:1px solid var(--buttonHover);color:var(--nodeText);border-radius:12px;align-items:center;padding:12px 15px;transition:transform .1s,box-shadow .1s;display:flex}.sidebar-component:hover{box-shadow:7px 7px 15px var(--sidebarShadowDark),-7px -7px 15px var(--sidebarShadowLight);transform:translateY(-2px)}.sidebar-component:active{box-shadow:inset 3px 3px 6px var(--sidebarShadowDark),inset -3px -3px 6px var(--sidebarShadowLight);transform:translateY(0)}.component-icon{color:#fff;width:36px;height:36px;box-shadow:3px 3px 6px var(--sidebarShadowDark),-3px -3px 6px var(--sidebarShadowLight);border-radius:10px;justify-content:center;align-items:center;margin-right:12px;font-size:14px;font-weight:700;display:flex}.component-label{font-size:12px;font-weight:500}.resource-group .component-icon{background-color:#0078d4;background-image:linear-gradient(135deg,#0078d4,#0063b1)}.virtual-network .component-icon{background-color:#008272;background-image:linear-gradient(135deg,#008272,#006d5f)}.subnet .component-icon{background-color:#5c2d91;background-image:linear-gradient(135deg,#5c2d91,#4b2276)}.aks-cluster .component-icon{background-color:#01225f;background-image:linear-gradient(135deg,#250198,#01225f)}.node-group .component-icon{background-color:#ca5010;background-image:linear-gradient(135deg,#ca5010,#b24409)}.sidebar-components::-webkit-scrollbar{width:6px}.sidebar-components::-webkit-scrollbar-track{background:0 0}.sidebar-components::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:10px}.properties-panel{background-color:var(--sidebarBackground);width:300px;height:100%;box-shadow:-5px 0 15px var(--sidebarShadowDark);z-index:5;padding:20px;transition:background-color .2s,border-color .2s;overflow-y:auto}.properties-panel.dark-theme{color:var(--text)}.properties-title{border-bottom:2px solid var(--accent);color:var(--text);letter-spacing:.5px;margin-bottom:20px;padding-bottom:10px;font-size:16px;font-weight:600}.no-selection{color:var(--text);opacity:.6;text-align:center;background-color:var(--nodeBackground);box-shadow:inset 3px 3px 6px var(--sidebarShadowDark),inset -3px -3px 6px var(--sidebarShadowLight);border-radius:12px;padding:20px 0;font-style:italic}.properties-content{flex-direction:column;gap:20px;display:flex}.node-type{color:var(--accent);text-transform:capitalize;letter-spacing:.5px;margin-bottom:5px;font-size:14px;font-weight:600}.property-group{background-color:transparent;flex-direction:column;gap:8px;padding:0;display:flex}.property-group label{color:var(--text);margin-bottom:0;font-size:12px;font-weight:600}.property-group input,.property-group select{border:1px solid var(--buttonHover);color:var(--nodeText);box-shadow:inset 1px 1px 3px var(--sidebarShadowDark),inset -1px -1px 3px var(--sidebarShadowLight);border-radius:8px;padding:10px 12px;font-size:12px;transition:all .1s}.property-group input:focus,.property-group select:focus{outline:2px solid var(--accent);outline-offset:2px;border-color:var(--accent)}.property-group input:disabled{background-color:var(--buttonBackground);color:var(--text);opacity:.6;cursor:not-allowed;box-shadow:inset 1px 1px 2px var(--sidebarShadowDark),inset -1px -1px 2px var(--sidebarShadowLight)}.input-with-info{flex-direction:column;gap:6px;display:flex}.property-info{color:var(--text);opacity:.7;font-size:10px;font-style:italic;line-height:1.4}.required-field:after{content:" *";color:var(--errorColor);font-weight:700}.highlight-required{border-color:var(--errorColor)!important;background-color:rgba(229,62,62,.05)!important;box-shadow:inset 1px 1px 3px rgba(229,62,62,.2),inset -1px -1px 3px rgba(255,255,255,.2)!important}.highlight-required:focus{outline:2px solid var(--errorColor)!important}.required-message{color:var(--errorColor);border-left:3px solid var(--errorColor);background-color:rgba(229,62,62,.1);border-radius:6px;margin-top:4px;padding:6px 10px;font-size:10px}.firewall-rules-container{margin-top:8px}.firewall-rules-input{margin-bottom:8px;display:flex}.firewall-rules-input input{flex-grow:1;border-right:none!important;border-radius:8px 0 0 8px!important}.add-rule-button{background-color:var(--nodeBackground);color:var(--nodeText);cursor:pointer;box-shadow:inset -2px 2px 5px var(--sidebarShadowLight),inset 2px -2px 5px var(--sidebarShadowDark);border:none;border-radius:0 8px 8px 0;justify-content:center;align-items:center;padding:10px 12px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.add-rule-button:hover{background-color:var(--accent);color:#fff}.add-rule-button:disabled{opacity:.5;cursor:not-allowed;background-color:var(--nodeBackground);color:var(--nodeText)}.firewall-rules-list{background-color:var(--nodeBackground);max-height:150px;box-shadow:inset 2px 2px 5px var(--sidebarShadowDark),inset -2px -2px 5px var(--sidebarShadowLight);border-radius:8px;margin:0;padding:0;list-style:none;overflow-y:auto}.firewall-rule-item{border-bottom:1px solid var(--buttonHover);justify-content:space-between;align-items:center;padding:8px 12px;transition:background-color .2s;display:flex}.firewall-rule-item:hover{background-color:var(--buttonHover)}.firewall-rule-item:last-child{border-bottom:none}.remove-rule-button{background-color:var(--nodeBackground);width:24px;height:24px;color:var(--nodeText);cursor:pointer;box-shadow:2px 2px 5px var(--sidebarShadowDark),-2px -2px 5px var(--sidebarShadowLight);border:none;border-radius:6px;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.remove-rule-button:hover{background-color:var(--errorColor);color:#fff;transform:scale(1.05)}.no-rules-message{color:var(--text);opacity:.7;text-align:center;padding:10px;font-style:italic}.properties-panel::-webkit-scrollbar{width:6px}.properties-panel::-webkit-scrollbar-track{background:0 0}.properties-panel::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:10px}.firewall-rules-list::-webkit-scrollbar{width:6px}.firewall-rules-list::-webkit-scrollbar-track{background:0 0}.firewall-rules-list::-webkit-scrollbar-thumb{background-color:var(--accent);border-radius:10px}.context-menu{z-index:10000}.context-menu .MuiPaper-root{border-radius:8px;overflow:hidden}.context-menu .MuiMenuItem-root{font-size:12px;transition:all .2s}.context-menu .MuiListItemIcon-root{min-width:36px;transition:color .2s}.context-menu .MuiListItemText-primary{font-weight:500;transition:color .2s}.context-menu .delete-item:hover{background-color:rgba(244,67,54,.1)!important}.context-menu .delete-item:hover .MuiListItemIcon-root,.context-menu .delete-item:hover .MuiListItemText-primary{color:#f44336!important}.context-menu .MuiPaper-root{animation:.15s ease-out contextMenuFadeIn}@keyframes contextMenuFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.edge-context-menu{z-index:10001}.edge-context-menu .MuiPaper-root{min-width:140px}.edge-context-menu .MuiMenuItem-root{padding:8px 16px}.dark-theme .context-menu .MuiPaper-root{background-color:#424242;border:1px solid #616161}.dark-theme .context-menu .MuiMenuItem-root:hover{background-color:rgba(255,255,255,.08)}.dark-theme .edge-context-menu .MuiPaper-root{background-color:#424242;border:1px solid #616161}.light-theme .context-menu .MuiPaper-root{background-color:#fff;border:1px solid #e0e0e0}.light-theme .context-menu .MuiMenuItem-root:hover{background-color:rgba(0,0,0,.04)}.light-theme .edge-context-menu .MuiPaper-root{background-color:#fff;border:1px solid #e0e0e0}.edge-context-menu .delete-item:hover{background-color:rgba(244,67,54,.12)!important}.edge-context-menu .MuiListItemText-primary{font-family:Roboto Mono,monospace;font-size:11px}.resource-group-node{background-color:var(--nodeBackground);width:240px;box-shadow:8px 8px 16px var(--shadowDark),-8px -8px 16px var(--shadowLight);border:none;border-radius:16px;transition:transform .1s,box-shadow .1s,background-color .2s;position:relative;overflow:visible}.resource-group-node:hover{box-shadow:10px 10px 20px var(--shadowDark),-10px -10px 20px var(--shadowLight);transform:translateY(-2px)}.resource-group-header{color:#fff;background-color:#0078d4;background-image:linear-gradient(135deg,#0078d4,#0063b1);border-bottom:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0;align-items:center;padding:12px 16px;display:flex;overflow:hidden}.resource-group-icon{color:#0078d4;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 5px rgba(0,0,0,.2)}.resource-group-title{letter-spacing:.5px;font-size:12px;font-weight:600}.resource-group-content{border-radius:0 0 16px 16px;padding:16px;overflow:hidden}.resource-group-property{color:var(--nodeText);border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:11px;display:flex;position:relative}.resource-group-property.property-with-handle{box-shadow:inset 2px 2px 5px var(--shadowDark),inset -2px -2px 5px var(--shadowLight);background-color:rgba(66,153,225,.05);border:none}.vnet-node{background-color:var(--nodeBackground);width:240px;box-shadow:8px 8px 16px var(--shadowDark),-8px -8px 16px var(--shadowLight);border:none;border-radius:16px;transition:transform .1s,box-shadow .1s,background-color .2s;position:relative;overflow:visible}.vnet-node:hover{box-shadow:10px 10px 20px var(--shadowDark),-10px -10px 20px var(--shadowLight);transform:translateY(-2px)}.vnet-header{color:#fff;background-color:#008272;background-image:linear-gradient(135deg,#008272,#006d5f);border-bottom:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0;align-items:center;padding:12px 16px;display:flex;overflow:hidden}.vnet-icon{color:#008272;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 5px rgba(0,0,0,.2)}.vnet-title{letter-spacing:.5px;font-size:12px;font-weight:600}.vnet-content{border-radius:0 0 16px 16px;padding:16px;overflow:hidden}.vnet-property{color:var(--nodeText);border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:11px;display:flex;position:relative}.vnet-property.property-with-handle{box-shadow:inset 2px 2px 5px var(--shadowDark),inset -2px -2px 5px var(--shadowLight);background-color:rgba(0,130,114,.05);border:none}.subnet-node{background-color:var(--nodeBackground);width:240px;box-shadow:8px 8px 16px var(--shadowDark),-8px -8px 16px var(--shadowLight);border:none;border-radius:16px;transition:transform .1s,box-shadow .1s,background-color .2s;position:relative;overflow:visible}.subnet-node:hover{box-shadow:10px 10px 20px var(--shadowDark),-10px -10px 20px var(--shadowLight);transform:translateY(-2px)}.subnet-header{color:#fff;background-color:#5c2d91;background-image:linear-gradient(135deg,#5c2d91,#4b2276);border-bottom:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0;align-items:center;padding:12px 16px;display:flex;overflow:hidden}.subnet-icon{color:#5c2d91;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 5px rgba(0,0,0,.2)}.subnet-title{letter-spacing:.5px;font-size:12px;font-weight:600}.subnet-content{border-radius:0 0 16px 16px;padding:16px;overflow:hidden}.subnet-property{color:var(--nodeText);border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:11px;display:flex;position:relative}.subnet-property.property-with-handle{box-shadow:inset 2px 2px 5px var(--shadowDark),inset -2px -2px 5px var(--shadowLight);background-color:rgba(92,45,145,.05);border:none}.aks-node{background-color:var(--nodeBackground);width:240px;box-shadow:8px 8px 16px var(--shadowDark),-8px -8px 16px var(--shadowLight);border:none;border-radius:16px;transition:transform .1s,box-shadow .1s,background-color .2s;position:relative;overflow:visible}.aks-node:hover{box-shadow:10px 10px 20px var(--shadowDark),-10px -10px 20px var(--shadowLight);transform:translateY(-2px)}.aks-header{color:#fff;background-color:#01225f;background-image:linear-gradient(135deg,#301d84,#01225f);border-bottom:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0;align-items:center;padding:12px 16px;display:flex;overflow:hidden}.aks-icon{color:#01225f;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 5px rgba(0,0,0,.2)}.aks-title{letter-spacing:.5px;font-size:12px;font-weight:600}.aks-content{border-radius:0 0 16px 16px;padding:16px;overflow:hidden}.aks-property{color:var(--nodeText);border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:11px;display:flex;position:relative}.aks-property.property-with-handle{box-shadow:inset 2px 2px 5px var(--shadowDark),inset -2px -2px 5px var(--shadowLight);background-color:rgba(0,13,198,.05);border:none}.node-group-node{background-color:var(--nodeBackground);width:240px;box-shadow:8px 8px 16px var(--shadowDark),-8px -8px 16px var(--shadowLight);border:none;border-radius:16px;transition:transform .1s,box-shadow .1s,background-color .2s;position:relative;overflow:visible}.node-group-node:hover{box-shadow:10px 10px 20px var(--shadowDark),-10px -10px 20px var(--shadowLight);transform:translateY(-2px)}.node-group-header{color:#fff;background-color:#ca5010;background-image:linear-gradient(135deg,#ca5010,#b24409);border-bottom:1px solid rgba(255,255,255,.1);border-radius:16px 16px 0 0;align-items:center;padding:12px 16px;display:flex;overflow:hidden}.node-group-icon{color:#ca5010;background-color:#fff;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;margin-right:12px;font-size:14px;font-weight:700;display:flex;box-shadow:0 2px 5px rgba(0,0,0,.2)}.node-group-title{letter-spacing:.5px;font-size:12px;font-weight:600}.node-group-content{border-radius:0 0 16px 16px;padding:16px;overflow:hidden}.node-group-property{color:var(--nodeText);border-radius:8px;margin-bottom:10px;padding:8px 12px;font-size:11px;display:flex;position:relative}.node-group-property.property-with-handle{box-shadow:inset 2px 2px 5px var(--shadowDark),inset -2px -2px 5px var(--shadowLight);background-color:rgba(202,80,16,.05);border:none}.property-label{min-width:70px;margin-right:8px;font-weight:600}.property-value{color:var(--nodeText);font-weight:500}.node-error{box-shadow:8px 8px 16px var(--shadowDark),-8px -8px 16px var(--shadowLight),0 0 0 2px rgba(229,62,62,.3)}.property-error .property-value{color:var(--errorColor);font-weight:700}.property-error{background-color:rgba(229,62,62,.05)!important;border:1px solid rgba(229,62,62,.3)!important}.property-with-handle.property-error{box-shadow:inset 2px 2px 5px rgba(229,62,62,.2),inset -2px -2px 5px var(--shadowLight)!important}.error-indicator{z-index:10;position:absolute;top:-12px;right:-12px}.error-icon{color:#fff;cursor:pointer;background-color:#e53e3e;background-image:linear-gradient(135deg,#e53e3e,#c53030);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex;box-shadow:0 2px 5px rgba(0,0,0,.3)}.error-tooltip{color:#fff;white-space:nowrap;opacity:0;visibility:hidden;z-index:100;background-color:#e53e3e;border-radius:8px;padding:8px 12px;font-size:10px;transition:opacity .2s,visibility .2s;position:absolute;top:30px;right:0;box-shadow:0 3px 6px rgba(0,0,0,.3)}.error-indicator:hover .error-tooltip{opacity:1;visibility:visible}.property-with-handle{position:relative}.property-handle{background-color:var(--accent)!important;border:2px solid var(--nodeBackground)!important;width:12px!important;height:12px!important;box-shadow:0 0 5px var(--shadowDark)!important;transition:all .1s!important}.property-handle:hover{background-color:var(--accentLight)!important;transform:scale(1.2)!important}.property-handle.right-handle{top:50%!important;right:-6px!important;transform:translateY(-50%)!important}.property-handle.left-handle{top:50%!important;left:-6px!important;transform:translateY(-50%)!important}.property-with-handle{padding-left:20px;padding-right:20px}.resource-group-node>.react-flow__handle,.vnet-node>.react-flow__handle,.subnet-node>.react-flow__handle,.aks-node>.react-flow__handle,.node-group-node>.react-flow__handle{opacity:0;transition:opacity .2s}.resource-group-node:hover>.react-flow__handle,.vnet-node:hover>.react-flow__handle,.subnet-node:hover>.react-flow__handle,.aks-node:hover>.react-flow__handle,.node-group-node:hover>.react-flow__handle{opacity:1}.property-handle{opacity:1!important}.react-flow__node.selected{z-index:10;outline:none!important}.react-flow__node.selected .resource-group-node,.react-flow__node.selected .vnet-node,.react-flow__node.selected .subnet-node,.react-flow__node.selected .aks-node,.react-flow__node.selected .node-group-node{transition:all .2s ease-in-out;transform:scale(1.005);box-shadow:0 0 0 2px #0078d4,8px 8px 16px rgba(163,177,198,.7),-8px -8px 16px rgba(255,255,255,.9)!important}.react-flow__node.selected .resource-group-node{background-color:#f0f7ff}.react-flow__node.selected .vnet-node{background-color:#f0f9f7}.react-flow__node.selected .subnet-node{background-color:#f7f0ff}.react-flow__node.selected .aks-node{background-color:#f0f5ff}.react-flow__node.selected .node-group-node{background-color:#fff5f0}.dark-theme .react-flow__node.selected .resource-group-node,.dark-theme .react-flow__node.selected .vnet-node,.dark-theme .react-flow__node.selected .subnet-node,.dark-theme .react-flow__node.selected .aks-node,.dark-theme .react-flow__node.selected .node-group-node{box-shadow:0 0 0 2px #63b3ed,8px 8px 16px rgba(0,0,0,.6),-8px -8px 16px rgba(55,65,81,.4)!important}.dark-theme .react-flow__node.selected .resource-group-node{background-color:#2c4a6e}.dark-theme .react-flow__node.selected .vnet-node{background-color:#1e3a39}.dark-theme .react-flow__node.selected .subnet-node{background-color:#3c2e59}.dark-theme .react-flow__node.selected .aks-node{background-color:#333b77}.dark-theme .react-flow__node.selected .node-group-node{background-color:#4a2511}@keyframes pulse-border{0%{box-shadow:0 0 0 2px rgba(0,120,212,.7),8px 8px 16px rgba(163,177,198,.7),-8px -8px 16px rgba(255,255,255,.9)}50%{box-shadow:0 0 0 3px rgba(0,120,212,.5),8px 8px 16px rgba(163,177,198,.7),-8px -8px 16px rgba(255,255,255,.9)}to{box-shadow:0 0 0 2px rgba(0,120,212,.7),8px 8px 16px rgba(163,177,198,.7),-8px -8px 16px rgba(255,255,255,.9)}}@keyframes pulse-border-dark{0%{box-shadow:0 0 0 2px rgba(99,179,237,.7),8px 8px 16px rgba(0,0,0,.6),-8px -8px 16px rgba(55,65,81,.4)}50%{box-shadow:0 0 0 3px rgba(99,179,237,.5),8px 8px 16px rgba(0,0,0,.6),-8px -8px 16px rgba(55,65,81,.4)}to{box-shadow:0 0 0 2px rgba(99,179,237,.7),8px 8px 16px rgba(0,0,0,.6),-8px -8px 16px rgba(55,65,81,.4)}}.react-flow__node.selected .resource-group-node,.react-flow__node.selected .vnet-node,.react-flow__node.selected .subnet-node,.react-flow__node.selected .aks-node,.react-flow__node.selected .node-group-node{animation:2s infinite pulse-border}.dark-theme .react-flow__node.selected .resource-group-node,.dark-theme .react-flow__node.selected .vnet-node,.dark-theme .react-flow__node.selected .subnet-node,.dark-theme .react-flow__node.selected .aks-node,.dark-theme .react-flow__node.selected .node-group-node{animation:2s infinite pulse-border-dark}.react-flow__node.selected .property-handle{z-index:12;opacity:1!important}.react-flow__node.selected .error-indicator{z-index:15}.react-flow__minimap{transition:all .3s;border-radius:12px!important;overflow:hidden!important;box-shadow:0 4px 8px rgba(0,0,0,.1),0 2px 4px rgba(0,0,0,.08)!important}.dark-theme .react-flow__minimap{border:1px solid rgba(255,255,255,.03)!important;box-shadow:0 4px 8px rgba(0,0,0,.25),0 2px 4px rgba(0,0,0,.15)!important}.light-theme .react-flow__minimap{border:1px solid rgba(0,0,0,.03)!important;box-shadow:0 4px 8px rgba(0,0,0,.08),0 2px 4px rgba(0,0,0,.05)!important}.react-flow__minimap-mask{box-shadow:none!important;border:none!important}:root{--background:#f0f4f8;--text:#2d3748;--nodeBackground:#f8fafc;--nodeText:#2d3748;--accent:#0078d4;--accentLight:#2b88d8;--handleColor:#0078d4;--shadowDark:rgba(163,177,198,.6);--shadowLight:rgba(255,255,255,.9);--buttonBackground:#f8fafc;--buttonText:#2d3748;--buttonHover:#e2e8f0;--errorColor:#e53e3e;--successColor:#38a169;--border:#cbd5e0;--sidebarBackground:#f8fafc;--sidebarShadowDark:rgba(163,177,198,.6);--sidebarShadowLight:rgba(255,255,255,.9)}.dark-theme{--edgeDefault:rgba(226,232,240,.5);--edgeSelected:#90cdf4;--background:#1a202c;--text:#e2e8f0;--nodeBackground:#1f1f1f;--nodeText:#e2e8f0;--accent:#63b3ed;--accentLight:#90cdf4;--handleColor:#63b3ed;--shadowDark:rgba(4,4,4,.5);--shadowLight:rgba(45,46,47,.204);--buttonBackground:#424242;--buttonText:#e2e8f0;--buttonHover:#4a5568;--errorColor:#fc8181;--successColor:#68d391;--border:#64666a;--sidebarBackground:#242424;--sidebarShadowDark:rgba(0,0,0,.7);--sidebarShadowLight:rgba(37,30,30,.3)}.container{width:100%;height:100%;display:flex;overflow:hidden}.main-container{flex-direction:column;width:100%;height:100%;margin:0;padding:0;display:flex;overflow:hidden}.diagram-container{flex:1;min-height:0;display:flex;overflow:hidden}.reactflow-wrapper{flex-grow:1;height:100%;position:relative}.react-flow__node{background-color:transparent;border:none;border-radius:12px;width:auto;padding:0;font-size:10px;transition:none}.react-flow__handle{border:2px solid;width:10px;height:10px;transition:transform .1s,background-color .1s}.react-flow__handle:hover{transform:scale(1.2)}.react-flow__handle-bottom{bottom:-5px}.react-flow__handle-top{top:-5px}.react-flow__handle-left{left:-5px}.react-flow__handle-right{right:-5px}.react-flow__edge path,.react-flow__edge path.react-flow__edge-path,.react-flow__edge .react-flow__edge-path{stroke-width:2px}.react-flow__edge.selected path,.react-flow__edge.selected path.react-flow__edge-path,.react-flow__edge.selected .react-flow__edge-path{stroke-opacity:1;stroke-width:3px}.react-flow__edge:hover path,.react-flow__edge:hover path.react-flow__edge-path,.react-flow__edge:hover .react-flow__edge-path{stroke-opacity:.8;stroke-width:2.5px}.react-flow__edge.selected:hover path,.react-flow__edge.selected:hover path.react-flow__edge-path,.react-flow__edge.selected:hover .react-flow__edge-path{stroke-opacity:1;stroke-width:3px}.react-flow__controls{border-radius:8px;overflow:hidden}.react-flow__controls-button{box-shadow:none;border:none;transition:background-color .1s}.fullscreen-container{z-index:9999;background-color:inherit;flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.fullscreen-enter{opacity:0;transform:scale(.95)}.fullscreen-enter-active{opacity:1;transition:opacity .3s,transform .3s;transform:scale(1)}.fullscreen-exit{opacity:1;transform:scale(1)}.fullscreen-exit-active{opacity:0;transition:opacity .3s,transform .3s;transform:scale(.95)}.fullscreen-button{z-index:10;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex;position:absolute;top:10px;right:10px}.fullscreen-mode .react-flow__controls{bottom:20px;right:20px}.fullscreen-mode .react-flow__minimap{bottom:20px;right:100px}.backstage-content-no-padding{margin:0!important;padding:0!important}.diagram-full-height{height:calc(100vh - 64px);min-height:600px}
/*# sourceMappingURL=main.8c5e3b8d.css.map*/