@font-face{font-display:block;font-family:primeicons;font-style:normal;font-weight:400;src:url(./primeicons.DMOk5skT.eot);src:url(./primeicons.DMOk5skT.eot?#iefix) format("embedded-opentype"),url(./primeicons.C6QP2o4f.woff2) format("woff2"),url(./primeicons.WjwUDZjB.woff) format("woff"),url(./primeicons.MpK4pl85.ttf) format("truetype"),url(./primeicons.Dr5RGzOO.svg?#primeicons) format("svg")}.pi{font-family:primeicons;speak:none;display:inline-block;font-style:normal;font-variant:normal;font-weight:400;line-height:1;text-transform:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.pi:before{--webkit-backface-visibility:hidden;backface-visibility:hidden}.pi-fw{text-align:center;width:1.28571429em}.pi-spin{animation:fa-spin 2s linear infinite}@media (prefers-reduced-motion:reduce){.pi-spin{animation-delay:-1ms;animation-duration:1ms;animation-iteration-count:1;transition-delay:0s;transition-duration:0s}}@keyframes fa-spin{0%{transform:rotate(0)}to{transform:rotate(359deg)}}.pi-folder-plus:before{content:""}.pi-receipt:before{content:""}.pi-asterisk:before{content:""}.pi-face-smile:before{content:""}.pi-pinterest:before{content:""}.pi-expand:before{content:""}.pi-pen-to-square:before{content:""}.pi-wave-pulse:before{content:""}.pi-turkish-lira:before{content:""}.pi-spinner-dotted:before{content:""}.pi-crown:before{content:""}.pi-pause-circle:before{content:""}.pi-warehouse:before{content:""}.pi-objects-column:before{content:""}.pi-clipboard:before{content:""}.pi-play-circle:before{content:""}.pi-venus:before{content:""}.pi-cart-minus:before{content:""}.pi-file-plus:before{content:""}.pi-microchip:before{content:""}.pi-twitch:before{content:""}.pi-building-columns:before{content:""}.pi-file-check:before{content:""}.pi-microchip-ai:before{content:""}.pi-trophy:before{content:""}.pi-barcode:before{content:""}.pi-file-arrow-up:before{content:""}.pi-mars:before{content:""}.pi-tiktok:before{content:""}.pi-arrow-up-right-and-arrow-down-left-from-center:before{content:""}.pi-ethereum:before{content:""}.pi-list-check:before{content:""}.pi-thumbtack:before{content:""}.pi-arrow-down-left-and-arrow-up-right-to-center:before{content:""}.pi-equals:before{content:""}.pi-lightbulb:before{content:""}.pi-star-half:before{content:""}.pi-address-book:before{content:""}.pi-chart-scatter:before{content:""}.pi-indian-rupee:before{content:""}.pi-star-half-fill:before{content:""}.pi-cart-arrow-down:before{content:""}.pi-calendar-clock:before{content:""}.pi-sort-up-fill:before{content:""}.pi-sparkles:before{content:""}.pi-bullseye:before{content:""}.pi-sort-down-fill:before{content:""}.pi-graduation-cap:before{content:""}.pi-hammer:before{content:""}.pi-bell-slash:before{content:""}.pi-gauge:before{content:""}.pi-shop:before{content:""}.pi-headphones:before{content:""}.pi-eraser:before{content:""}.pi-stopwatch:before{content:""}.pi-verified:before{content:""}.pi-delete-left:before{content:""}.pi-hourglass:before{content:""}.pi-truck:before{content:""}.pi-wrench:before{content:""}.pi-microphone:before{content:""}.pi-megaphone:before{content:""}.pi-arrow-right-arrow-left:before{content:""}.pi-bitcoin:before{content:""}.pi-file-edit:before{content:""}.pi-language:before{content:""}.pi-file-export:before{content:""}.pi-file-import:before{content:""}.pi-file-word:before{content:""}.pi-gift:before{content:""}.pi-cart-plus:before{content:""}.pi-thumbs-down-fill:before{content:""}.pi-thumbs-up-fill:before{content:""}.pi-arrows-alt:before{content:""}.pi-calculator:before{content:""}.pi-sort-alt-slash:before{content:""}.pi-arrows-h:before{content:""}.pi-arrows-v:before{content:""}.pi-pound:before{content:""}.pi-prime:before{content:""}.pi-chart-pie:before{content:""}.pi-reddit:before{content:""}.pi-code:before{content:""}.pi-sync:before{content:""}.pi-shopping-bag:before{content:""}.pi-server:before{content:""}.pi-database:before{content:""}.pi-hashtag:before{content:""}.pi-bookmark-fill:before{content:""}.pi-filter-fill:before{content:""}.pi-heart-fill:before{content:""}.pi-flag-fill:before{content:""}.pi-circle:before{content:""}.pi-circle-fill:before{content:""}.pi-bolt:before{content:""}.pi-history:before{content:""}.pi-box:before{content:""}.pi-at:before{content:""}.pi-arrow-up-right:before{content:""}.pi-arrow-up-left:before{content:""}.pi-arrow-down-left:before{content:""}.pi-arrow-down-right:before{content:""}.pi-telegram:before{content:""}.pi-stop-circle:before{content:""}.pi-stop:before{content:""}.pi-whatsapp:before{content:""}.pi-building:before{content:""}.pi-qrcode:before{content:""}.pi-car:before{content:""}.pi-instagram:before{content:""}.pi-linkedin:before{content:""}.pi-send:before{content:""}.pi-slack:before{content:""}.pi-sun:before{content:""}.pi-moon:before{content:""}.pi-vimeo:before{content:""}.pi-youtube:before{content:""}.pi-flag:before{content:""}.pi-wallet:before{content:""}.pi-map:before{content:""}.pi-link:before{content:""}.pi-credit-card:before{content:""}.pi-discord:before{content:""}.pi-percentage:before{content:""}.pi-euro:before{content:""}.pi-book:before{content:""}.pi-shield:before{content:""}.pi-paypal:before{content:""}.pi-amazon:before{content:""}.pi-phone:before{content:""}.pi-filter-slash:before{content:""}.pi-facebook:before{content:""}.pi-github:before{content:""}.pi-twitter:before{content:""}.pi-step-backward-alt:before{content:""}.pi-step-forward-alt:before{content:""}.pi-forward:before{content:""}.pi-backward:before{content:""}.pi-fast-backward:before{content:""}.pi-fast-forward:before{content:""}.pi-pause:before{content:""}.pi-play:before{content:""}.pi-compass:before{content:""}.pi-id-card:before{content:""}.pi-ticket:before{content:""}.pi-file-o:before{content:""}.pi-reply:before{content:""}.pi-directions-alt:before{content:""}.pi-directions:before{content:""}.pi-thumbs-up:before{content:""}.pi-thumbs-down:before{content:""}.pi-sort-numeric-down-alt:before{content:""}.pi-sort-numeric-up-alt:before{content:""}.pi-sort-alpha-down-alt:before{content:""}.pi-sort-alpha-up-alt:before{content:""}.pi-sort-numeric-down:before{content:""}.pi-sort-numeric-up:before{content:""}.pi-sort-alpha-down:before{content:""}.pi-sort-alpha-up:before{content:""}.pi-sort-alt:before{content:""}.pi-sort-amount-up:before{content:""}.pi-sort-amount-down:before{content:""}.pi-sort-amount-down-alt:before{content:""}.pi-sort-amount-up-alt:before{content:""}.pi-palette:before{content:""}.pi-undo:before{content:""}.pi-desktop:before{content:""}.pi-sliders-v:before{content:""}.pi-sliders-h:before{content:""}.pi-search-plus:before{content:""}.pi-search-minus:before{content:""}.pi-file-excel:before{content:""}.pi-file-pdf:before{content:""}.pi-check-square:before{content:""}.pi-chart-line:before{content:""}.pi-user-edit:before{content:""}.pi-exclamation-circle:before{content:""}.pi-android:before{content:""}.pi-google:before{content:""}.pi-apple:before{content:""}.pi-microsoft:before{content:""}.pi-heart:before{content:""}.pi-mobile:before{content:""}.pi-tablet:before{content:""}.pi-key:before{content:""}.pi-shopping-cart:before{content:""}.pi-comments:before{content:""}.pi-comment:before{content:""}.pi-briefcase:before{content:""}.pi-bell:before{content:""}.pi-paperclip:before{content:""}.pi-share-alt:before{content:""}.pi-envelope:before{content:""}.pi-volume-down:before{content:""}.pi-volume-up:before{content:""}.pi-volume-off:before{content:""}.pi-eject:before{content:""}.pi-money-bill:before{content:""}.pi-images:before{content:""}.pi-image:before{content:""}.pi-sign-in:before{content:""}.pi-sign-out:before{content:""}.pi-wifi:before{content:""}.pi-sitemap:before{content:""}.pi-chart-bar:before{content:""}.pi-camera:before{content:""}.pi-dollar:before{content:""}.pi-lock-open:before{content:""}.pi-table:before{content:""}.pi-map-marker:before{content:""}.pi-list:before{content:""}.pi-eye-slash:before{content:""}.pi-eye:before{content:""}.pi-folder-open:before{content:""}.pi-folder:before{content:""}.pi-video:before{content:""}.pi-inbox:before{content:""}.pi-lock:before{content:""}.pi-unlock:before{content:""}.pi-tags:before{content:""}.pi-tag:before{content:""}.pi-power-off:before{content:""}.pi-save:before{content:""}.pi-question-circle:before{content:""}.pi-question:before{content:""}.pi-copy:before{content:""}.pi-file:before{content:""}.pi-clone:before{content:""}.pi-calendar-times:before{content:""}.pi-calendar-minus:before{content:""}.pi-calendar-plus:before{content:""}.pi-ellipsis-v:before{content:""}.pi-ellipsis-h:before{content:""}.pi-bookmark:before{content:""}.pi-globe:before{content:""}.pi-replay:before{content:""}.pi-filter:before{content:""}.pi-print:before{content:""}.pi-align-right:before{content:""}.pi-align-left:before{content:""}.pi-align-center:before{content:""}.pi-align-justify:before{content:""}.pi-cog:before{content:""}.pi-cloud-download:before{content:""}.pi-cloud-upload:before{content:""}.pi-cloud:before{content:""}.pi-pencil:before{content:""}.pi-users:before{content:""}.pi-clock:before{content:""}.pi-user-minus:before{content:""}.pi-user-plus:before{content:""}.pi-trash:before{content:""}.pi-external-link:before{content:""}.pi-window-maximize:before{content:""}.pi-window-minimize:before{content:""}.pi-refresh:before{content:""}.pi-user:before{content:""}.pi-exclamation-triangle:before{content:""}.pi-calendar:before{content:""}.pi-chevron-circle-left:before{content:""}.pi-chevron-circle-down:before{content:""}.pi-chevron-circle-right:before{content:""}.pi-chevron-circle-up:before{content:""}.pi-angle-double-down:before{content:""}.pi-angle-double-left:before{content:""}.pi-angle-double-right:before{content:""}.pi-angle-double-up:before{content:""}.pi-angle-down:before{content:""}.pi-angle-left:before{content:""}.pi-angle-right:before{content:""}.pi-angle-up:before{content:""}.pi-upload:before{content:""}.pi-download:before{content:""}.pi-ban:before{content:""}.pi-star-fill:before{content:""}.pi-star:before{content:""}.pi-chevron-left:before{content:""}.pi-chevron-right:before{content:""}.pi-chevron-down:before{content:""}.pi-chevron-up:before{content:""}.pi-caret-left:before{content:""}.pi-caret-right:before{content:""}.pi-caret-down:before{content:""}.pi-caret-up:before{content:""}.pi-search:before{content:""}.pi-check:before{content:""}.pi-check-circle:before{content:""}.pi-times:before{content:""}.pi-times-circle:before{content:""}.pi-plus:before{content:""}.pi-plus-circle:before{content:""}.pi-minus:before{content:""}.pi-minus-circle:before{content:""}.pi-circle-on:before{content:""}.pi-circle-off:before{content:""}.pi-sort-down:before{content:""}.pi-sort-up:before{content:""}.pi-sort:before{content:""}.pi-step-backward:before{content:""}.pi-step-forward:before{content:""}.pi-th-large:before{content:""}.pi-arrow-down:before{content:""}.pi-arrow-left:before{content:""}.pi-arrow-right:before{content:""}.pi-arrow-up:before{content:""}.pi-bars:before{content:""}.pi-arrow-circle-down:before{content:""}.pi-arrow-circle-left:before{content:""}.pi-arrow-circle-right:before{content:""}.pi-arrow-circle-up:before{content:""}.pi-info:before{content:""}.pi-info-circle:before{content:""}.pi-home:before{content:""}.pi-spinner:before{content:""}.vue-flow{direction:ltr;height:100%;overflow:hidden;position:relative;width:100%;z-index:0}.vue-flow__container{height:100%;left:0;position:absolute;top:0;width:100%}.vue-flow__pane{z-index:1}.vue-flow__pane.draggable{cursor:grab}.vue-flow__pane.selection{cursor:pointer}.vue-flow__pane.dragging{cursor:grabbing}.vue-flow__transformationpane{pointer-events:none;transform-origin:0 0;z-index:2}.vue-flow__viewport{overflow:clip;z-index:4}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{height:100%;pointer-events:none;position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{overflow:visible;pointer-events:none}.vue-flow__connection-path,.vue-flow__edge-path{fill:none;stroke:#b1b1b7;stroke-width:1}.vue-flow__edge{cursor:pointer;pointer-events:visibleStroke}.vue-flow__edge.animated path{animation:dashdraw .5s linear infinite;stroke-dasharray:5}.vue-flow__edge.animated path.vue-flow__edge-interaction{animation:none;stroke-dasharray:none}.vue-flow__edge.inactive{pointer-events:none}.vue-flow__edge.selected,.vue-flow__edge:focus,.vue-flow__edge:focus-visible{outline:none}.vue-flow__edge.selected .vue-flow__edge-path,.vue-flow__edge:focus .vue-flow__edge-path,.vue-flow__edge:focus-visible .vue-flow__edge-path{stroke:#555}.vue-flow__edge-textwrapper{pointer-events:all}.vue-flow__edge-textbg{fill:#fff}.vue-flow__edge-text{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__connection{pointer-events:none}.vue-flow__connection .animated{animation:dashdraw .5s linear infinite;stroke-dasharray:5}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{box-sizing:border-box;cursor:default;pointer-events:all;position:absolute;transform-origin:0 0;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{pointer-events:none;transform-origin:left top;z-index:3}.vue-flow__nodesselection-rect{cursor:grab;pointer-events:all;position:absolute}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{min-height:5px;min-width:5px;pointer-events:none;position:absolute}.vue-flow__handle.connectable{cursor:crosshair;pointer-events:all}.vue-flow__handle-bottom{bottom:0;left:50%;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{left:0;top:50%;transform:translate(-50%,-50%)}.vue-flow__handle-right{right:0;top:50%;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{margin:15px;position:absolute;z-index:5}.vue-flow__panel.top{top:0}.vue-flow__panel.bottom{bottom:0}.vue-flow__panel.left{left:0}.vue-flow__panel.right{right:0}.vue-flow__panel.center{left:50%;transform:translate(-50%)}@keyframes dashdraw{0%{stroke-dashoffset:10}}.vue-flow__controls{box-shadow:0 0 2px 1px #00000014}.vue-flow__controls-button{align-items:center;background:#fefefe;border:none;border-bottom:1px solid #eee;box-sizing:content-box;cursor:pointer;display:flex;height:16px;justify-content:center;padding:5px;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:16px}.vue-flow__controls-button svg{max-height:12px;max-width:12px;width:100%}.vue-flow__controls-button:hover{background:#f4f4f4}.vue-flow__controls-button:disabled{pointer-events:none}.vue-flow__controls-button:disabled svg{fill-opacity:.4}:root{--primary:#0078d4;--primary-light:#50a7f0;--primary-dark:#005a9e;--surface:#fff;--surface-alt:#f3f2f1;--surface-hover:#edebe9;--text:#323130;--text-muted:#605e5c;--border:#edebe9;--diagram-edge-color:#121212;--success:#107c10;--warning:#ff8c00;--danger:#d13438;--info:#0078d4;--shadow:rgba(0,0,0,.1);--shadow-md:rgba(0,0,0,.15);--radius:6px;--radius-lg:12px;--transition:.2s ease;--toolbar-height:56px;--header-height:84px;--bottom-toolbar-height:44px;--panel-width:330px;--right-panel-width:370px;--component-size:180px;--group-card-bg:rgba(0,0,0,.07);--group-card-border:rgba(0,0,0,.2);--group-card-shadow:0 1px 4px rgba(0,0,0,.12);--surface-ground:var(--surface);--surface-section:var(--surface-alt);--surface-card:var(--surface-alt);--surface-border:var(--border);--text-color:var(--text);--text-color-secondary:var(--text-muted);--primary-color:var(--primary);--primary-color-text:#fff;--yellow-500:var(--warning);--green-500:var(--success);--p-primary-color:var(--primary);--p-primary-hover-color:var(--primary-dark)}.dark-mode{--surface:#1b1a19;--surface-alt:#252423;--surface-hover:#323130;--text:#f3f2f1;--text-muted:#a19f9d;--border:#3b3a39;--diagram-edge-color:#f3f2f1;--shadow:rgba(0,0,0,.4);--shadow-md:rgba(0,0,0,.5);--group-card-bg:hsla(0,0%,100%,.1);--group-card-border:hsla(0,0%,100%,.22);--group-card-shadow:0 1px 4px rgba(0,0,0,.4)}.theme-azure-dark{--primary:#60cdff;--primary-light:#9fe6ff;--primary-dark:#0078d4;--success:#6ccb5f;--warning:#fcba19;--danger:#f1707b;--info:#60cdff}.theme-forest-green{--primary:#107c10;--primary-light:#54b354;--primary-dark:#054b05;--success:#107c10;--warning:#ff8c00;--danger:#d13438;--info:#0078d4}.theme-sunset-orange{--primary:#d83b01;--primary-light:#f27228;--primary-dark:#a02800;--success:#107c10;--warning:#ff8c00;--danger:#d13438;--info:#0078d4}.theme-midnight-purple{--primary:#8764b8;--primary-light:#b29ed4;--primary-dark:#5b3d8a;--success:#107c10;--warning:#ff8c00;--danger:#d13438;--info:#8764b8}.theme-rose-gold{--primary:#b4009e;--primary-light:#d86bc9;--primary-dark:#7d0070;--success:#107c10;--warning:#ff8c00;--danger:#d13438;--info:#b4009e}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,sans-serif;font-size:16px;height:100%;line-height:1.5;-webkit-font-smoothing:antialiased}.app-container,body,html{background-color:var(--surface);color:var(--text)}.app-container{display:flex;flex-direction:column;height:100vh;overflow:hidden;transition:background-color var(--transition),color var(--transition)}.main-content{display:flex;flex:1;overflow:hidden}.diagram-area{background-color:var(--surface-alt);flex:1;overflow:hidden;position:relative}.app-toolbar{align-items:center;background-color:var(--primary);border-bottom:1px solid var(--primary-dark);box-shadow:0 2px 4px var(--shadow);color:#fff;display:flex;gap:8px;height:var(--toolbar-height);min-height:var(--toolbar-height);padding:0 16px;z-index:100}.app-toolbar .toolbar-brand{color:#fff;font-size:16px;font-weight:600;white-space:nowrap}.app-toolbar .toolbar-spacer{flex:1}.left-panel{background-color:var(--surface);border-right:1px solid var(--border);display:flex;flex-direction:column;max-width:var(--panel-width);min-width:var(--panel-width);overflow:hidden;transition:width var(--transition),min-width var(--transition),max-width var(--transition);width:var(--panel-width);z-index:10}.left-panel.collapsed{max-width:0;min-width:0;width:0}.left-panel .panel-header{background-color:var(--surface-alt);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.left-panel .panel-body{flex:1;overflow-x:hidden;overflow-y:auto;padding:8px}.right-panel{background-color:var(--surface);border-left:1px solid var(--border);display:flex;flex-direction:column;max-width:var(--right-panel-width);min-width:var(--right-panel-width);overflow:hidden;transition:width var(--transition),min-width var(--transition),max-width var(--transition);width:var(--right-panel-width);z-index:10}.right-panel.collapsed{max-width:0;min-width:0;width:0}.right-panel .panel-header{background-color:var(--surface-alt);border-bottom:1px solid var(--border);color:var(--text-muted);font-size:13px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-transform:uppercase}.right-panel .panel-body{flex:1;overflow-x:hidden;overflow-y:auto;padding:12px}.panel-toggle-btn{align-items:center;background-color:var(--surface);border:1px solid var(--border);border-radius:0 4px 4px 0;color:var(--text-muted);cursor:pointer;display:flex;height:48px;justify-content:center;position:absolute;top:50%;transform:translateY(-50%);transition:background-color var(--transition),color var(--transition);width:20px;z-index:20}.panel-toggle-btn:hover{background-color:var(--surface-hover);color:var(--primary)}.vue-flow,.vue-flow__background{background-color:var(--surface-alt)}.vue-flow__background pattern circle{fill:var(--border)}.vue-flow__controls{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 8px var(--shadow)}.vue-flow__controls button,.vue-flow__controls-button{align-items:center;background-color:var(--surface);border:none;border-bottom:1px solid var(--border);color:var(--text);cursor:pointer;display:flex;height:44px;justify-content:center;padding:10px;transition:background-color var(--transition);width:44px}.vue-flow__controls button:hover,.vue-flow__controls-button:hover{background-color:var(--surface-hover)}.vue-flow__controls button svg,.vue-flow__controls-button svg{fill:var(--text);height:26px;max-height:26px;max-width:26px;width:26px}.vue-flow__minimap{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 2px 8px var(--shadow);height:210px!important;width:280px!important}.vue-flow__edge-path{stroke:var(--primary);stroke-width:2}.vue-flow__edge.selected .vue-flow__edge-path{stroke:var(--primary-light)}.vue-flow__edge-text{fill:var(--text);font-size:12px}.vue-flow__connection-path{stroke:var(--primary);stroke-dasharray:5 5;stroke-width:2}.vue-flow__handle{background-color:var(--primary);border:2px solid var(--surface);border-radius:50%;height:10px;opacity:0;pointer-events:none;transition:background-color var(--transition),transform var(--transition);width:10px}.vue-flow__handle:hover{transform:none}.vue-flow__handle-connecting,.vue-flow__handle-valid,.vue-flow__handle:hover{background-color:var(--primary)}.network-node{background-color:var(--surface);border:2px solid var(--border);border-radius:var(--radius);box-shadow:0 1px 4px var(--shadow);cursor:grab;max-width:200px;min-width:140px;padding:8px 12px;transition:box-shadow var(--transition),border-color var(--transition)}.network-node:hover{box-shadow:0 4px 12px var(--shadow-md)}.network-node.selected{box-shadow:0 0 0 2px var(--primary),0 4px 12px var(--shadow-md)}.network-node .node-header{align-items:center;display:flex;gap:6px;margin-bottom:4px}.network-node .node-icon{flex-shrink:0;height:20px;width:20px}.network-node .node-title{color:var(--text);font-size:12px;font-weight:600}.network-node .node-title,.network-node .node-type-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-node .node-type-label{color:var(--text-muted);font-size:10px}.network-node.node-vnet{background-color:#0078d40f;border-color:#0078d4;min-height:220px;min-width:320px;padding:16px}.network-node.node-subnet{background-color:#50a7f00f;border-color:#50a7f0;border-style:dashed;min-height:140px;min-width:240px;padding:12px}.network-node.node-nsg{border-color:#d13438}.network-node.node-asg{border-color:#b4009e}.network-node.node-ip-address{border-color:#0099bc}.network-node.node-dns-zone{border-color:#038387}.network-node.node-vnet-peering{border-color:#0078d4}.network-node.node-udr{border-color:#8764b8}.network-node.node-vpn-gateway{border-color:#004578}.network-node.node-app-gateway{border-color:#0063b1}.network-node.node-nva{border-color:#6b4226}.network-node.node-load-balancer{border-color:#0078d4}.network-node.node-vm,.network-node.node-vmss{border-color:#107c10}.network-node.node-aks{border-color:#326ce5}.network-node.node-app-service{border-color:#0062ad}.network-node.node-functions{border-color:#7b2fb5}.network-node.node-storage-account{border-color:#0078d4}.network-node.node-blob-storage{border-color:#0063b1}.network-node.node-managed-disk{border-color:#6b4226}.network-node.node-key-vault{border-color:#c7b130}.network-node.node-managed-identity{border-color:#b4009e}.network-node.node-service-endpoint{border-color:#038387}.network-node.node-private-endpoint{border-color:#005a9e}.network-node.node-firewall{border-color:#d13438}.network-node.node-bastion{border-color:#004578}.network-node.node-network-ic{border-color:#005a9e}.palette-group{margin-bottom:8px}.palette-group-title{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.6px;padding:6px 8px 4px;text-transform:uppercase}.palette-item{align-items:center;border-radius:var(--radius);cursor:grab;display:flex;gap:10px;padding:7px 10px;transition:background-color var(--transition);-webkit-user-select:none;-moz-user-select:none;user-select:none}.palette-item:active,.palette-item:hover{background-color:var(--surface-hover)}.palette-item:active{cursor:grabbing}.palette-item .item-icon{align-items:center;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.palette-item .item-label{color:var(--text);font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--surface-alt)}::-webkit-scrollbar-thumb{background-color:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background-color:var(--text-muted)}.text-primary{color:var(--primary)}.text-muted{color:var(--text-muted)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-danger{color:var(--danger)}.bg-surface{background-color:var(--surface)}.bg-surface-alt{background-color:var(--surface-alt)}.border-primary{border-color:var(--primary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transition-all{transition:all var(--transition)}.p-button-primary{background-color:var(--primary)!important;border-color:var(--primary)!important}.p-button-primary:hover{background-color:var(--primary-dark)!important;border-color:var(--primary-dark)!important}.p-tabview .p-tabview-nav li.p-highlight .p-tabview-nav-link{border-color:var(--primary)!important;color:var(--primary)!important}.p-dropdown:not(.p-disabled).p-focus,.p-inputtext:focus{border-color:var(--primary)!important;box-shadow:0 0 0 2px #0078d433!important}.p-checkbox .p-checkbox-box.p-highlight{background:var(--primary)!important;border-color:var(--primary)!important}.p-radiobutton .p-radiobutton-box.p-highlight{border-color:var(--primary)!important}.p-radiobutton .p-radiobutton-box.p-highlight .p-radiobutton-icon{background-color:var(--primary)!important}.dark-mode .p-component{color:var(--text)}.dark-mode .p-dropdown,.dark-mode .p-inputtext,.dark-mode .p-multiselect,.dark-mode .p-textarea{background-color:var(--surface-alt);border-color:var(--border);color:var(--text)}.dark-mode .p-dropdown-panel,.dark-mode .p-multiselect-panel{background-color:var(--surface);border-color:var(--border)}.dark-mode .p-dropdown-item:hover,.dark-mode .p-multiselect-item:hover{background-color:var(--surface-hover)}.p-dialog{border-radius:var(--radius-lg)!important}.p-dialog .p-dialog-header{border-bottom:1px solid var(--border);border-radius:var(--radius-lg) var(--radius-lg) 0 0!important}.p-dialog .p-dialog-content,.p-dialog .p-dialog-header{background-color:var(--surface)!important;color:var(--text)!important}.p-dialog .p-dialog-footer{background-color:var(--surface-alt)!important;border-radius:0 0 var(--radius-lg) var(--radius-lg)!important;border-top:1px solid var(--border)}@keyframes slideInLeft{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-fade-in{animation:fadeIn .2s ease}.animate-slide-in-left{animation:slideInLeft .2s ease}.animate-slide-in-right{animation:slideInRight .2s ease}.animate-pulse{animation:pulse 1.5s ease infinite}@keyframes animationEdgePulse{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20}}@keyframes dashdraw{0%{stroke-dashoffset:10}to{stroke-dashoffset:0}}.diagram-canvas-wrapper{height:100%;overflow:hidden;position:relative;width:100%}.vnet-flow{height:100%;width:100%}.canvas-toolbar{display:flex;gap:6px;position:absolute;right:12px;top:12px;z-index:10}.canvas-toolbar :deep(.canvas-toolbar-btn.p-button){background:color-mix(in srgb,var(--surface,#fff) 84%,var(--primary,#0078d4) 16%);border:1px solid color-mix(in srgb,var(--text,#323130) 22%,transparent);border-radius:10px;box-shadow:0 8px 18px color-mix(in srgb,var(--shadow,rgba(0,0,0,.1)) 70%,transparent);color:color-mix(in srgb,var(--text,#323130) 90%,var(--primary,#0078d4) 10%);height:42px;min-width:42px}.canvas-toolbar :deep(.canvas-toolbar-btn.p-button:not(:disabled):hover){background:color-mix(in srgb,var(--surface,#fff) 72%,var(--primary,#0078d4) 28%);border-color:color-mix(in srgb,var(--primary,#0078d4) 42%,transparent);color:var(--primary-dark,#005a9e)}.canvas-toolbar :deep(.canvas-toolbar-btn.p-button.p-button-primary){background:var(--primary,#0078d4);border-color:color-mix(in srgb,var(--primary,#0078d4) 62%,transparent);color:#fff}.dark-mode .canvas-toolbar :deep(.canvas-toolbar-btn.p-button){background:color-mix(in srgb,var(--surface,#1b1a19) 72%,var(--primary,#0078d4) 28%);border-color:color-mix(in srgb,#fff 24%,transparent);color:#f3f2f1}.dark-mode .canvas-toolbar :deep(.canvas-toolbar-btn.p-button:not(:disabled):hover){background:color-mix(in srgb,var(--surface-alt,#252423) 44%,var(--primary,#0078d4) 56%);border-color:color-mix(in srgb,var(--primary-light,#50a7f0) 65%,transparent);color:#fff}.animation-mode-banner{left:12px;position:absolute;top:12px;z-index:16}.animation-mode-banner :deep(.p-button){box-shadow:0 10px 24px #0f172a2e;justify-content:center;min-width:176px}.animation-mode-banner :deep(.animation-exit-btn.p-button){background:linear-gradient(135deg,#ef4444,#dc2626 56%,#991b1b);border:1px solid color-mix(in srgb,#7f1d1d 50%,transparent);box-shadow:0 12px 26px #991b1b66;color:#fff}.animation-mode-banner :deep(.animation-exit-btn.p-button:not(:disabled):hover){background:linear-gradient(135deg,#f87171,#dc2626 52%,#7f1d1d);box-shadow:0 14px 30px #991b1b7a}.dark-mode .animation-mode-banner :deep(.animation-exit-btn.p-button){border-color:#f8717199;box-shadow:0 12px 28px #7f1d1d8c}.canvas-empty-state{align-items:center;background:radial-gradient(circle at 10% 0,color-mix(in srgb,var(--primary-light,#50a7f0) 20%,transparent) 0,transparent 48%),color-mix(in srgb,var(--surface,#fff) 90%,var(--primary,#0078d4) 10%);border:1px solid color-mix(in srgb,var(--primary,#0078d4) 24%,var(--border,#edebe9) 76%);border-radius:16px;box-shadow:0 16px 34px color-mix(in srgb,var(--shadow,rgba(0,0,0,.1)) 65%,transparent);display:flex;flex-direction:column;gap:12px;left:50%;padding:20px 22px;pointer-events:none;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%)}.canvas-empty-state .empty-icon{color:color-mix(in srgb,var(--primary,#0078d4) 72%,var(--text,#323130) 28%);filter:drop-shadow(0 8px 12px color-mix(in srgb,var(--shadow,rgba(0,0,0,.1)) 70%,transparent));font-size:76px}.canvas-empty-state .empty-title{color:var(--text,#323130);font-size:23px;font-weight:700}.canvas-empty-state .empty-subtitle{color:color-mix(in srgb,var(--text,#323130) 84%,transparent);font-size:16px}.canvas-empty-state .empty-quick-start{cursor:default;display:flex;gap:8px;margin-top:8px;pointer-events:all}.canvas-empty-state .empty-quick-start button{cursor:pointer!important}.canvas-empty-state .empty-quick-start :deep(.empty-btn-full.p-button),.canvas-empty-state .empty-quick-start :deep(.empty-btn-quick.p-button){background:color-mix(in srgb,var(--surface,#fff) 62%,var(--primary-light,#50a7f0) 38%);border:1px solid color-mix(in srgb,var(--primary,#0078d4) 48%,transparent);border-radius:10px;color:var(--primary-dark,#005a9e);font-weight:600;min-height:42px}.canvas-empty-state .empty-quick-start :deep(.empty-btn-full.p-button:not(:disabled):hover),.canvas-empty-state .empty-quick-start :deep(.empty-btn-quick.p-button:not(:disabled):hover){background:color-mix(in srgb,var(--surface,#fff) 48%,var(--primary-light,#50a7f0) 52%);border-color:color-mix(in srgb,var(--primary,#0078d4) 68%,transparent);color:#003d6d}.dark-mode .canvas-empty-state{background:radial-gradient(circle at 10% 0,rgba(96,205,255,.2) 0,transparent 54%),color-mix(in srgb,var(--surface-alt,#252423) 84%,var(--primary,#0078d4) 16%);border-color:color-mix(in srgb,var(--primary-light,#50a7f0) 30%,var(--border,#3b3a39) 70%)}.dark-mode .canvas-empty-state .empty-icon{color:color-mix(in srgb,var(--primary-light,#50a7f0) 76%,#fff 24%)}.dark-mode .canvas-empty-state .empty-title{color:#f3f2f1}.dark-mode .canvas-empty-state .empty-subtitle{color:#d2d0ce}.dark-mode .canvas-empty-state .empty-quick-start :deep(.empty-btn-full.p-button),.dark-mode .canvas-empty-state .empty-quick-start :deep(.empty-btn-quick.p-button){background:color-mix(in srgb,var(--surface,#1b1a19) 40%,var(--primary,#0078d4) 60%);border-color:color-mix(in srgb,var(--primary-light,#50a7f0) 58%,transparent);color:#fff}.dark-mode .canvas-empty-state .empty-quick-start :deep(.empty-btn-full.p-button:not(:disabled):hover),.dark-mode .canvas-empty-state .empty-quick-start :deep(.empty-btn-quick.p-button:not(:disabled):hover){background:color-mix(in srgb,var(--surface,#1b1a19) 28%,var(--primary,#0078d4) 72%)}.diagram-node{box-sizing:border-box;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.diagram-node:active{cursor:grabbing}.generic-node{max-width:220px;min-width:180px}.generic-node-content{align-items:center;background-color:color-mix(in srgb,var(--surface,#fff) 88%,transparent);border:2px solid #ccc;border-radius:8px;box-shadow:0 1px 4px #00000014;display:flex;gap:10px;padding:10px 12px;transition:box-shadow .2s ease,border-color .2s ease}.generic-node.selected .generic-node-content{box-shadow:0 0 0 3px #0078d459,0 4px 12px #0000001f}.generic-node-content:hover{box-shadow:0 4px 12px #00000026}.generic-node-icon-wrap{align-items:center;border-radius:8px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.generic-icon{height:22px;width:22px}.generic-node-info{display:flex;flex:1;flex-direction:column;min-width:0}.generic-node-type{color:var(--text-muted,#605e5c);font-size:11px;letter-spacing:.4px;text-transform:uppercase}.generic-node-name,.generic-node-type{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.generic-node-name{color:var(--text,#323130);font-size:14px;font-weight:600;line-height:1.3}.generic-node-detail{color:var(--text-muted,#605e5c);font-size:12px;margin-top:1px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vue-flow__controls-button.control-locked{background-color:var(--p-primary-color,#0078d4);border-color:var(--p-primary-color,#0078d4);color:#fff}.vue-flow__controls-button.control-locked:hover{background-color:var(--p-primary-hover-color,#106ebe);border-color:var(--p-primary-hover-color,#106ebe)}.diagram-canvas-wrapper.is-interactive .generic-node-name,.diagram-canvas-wrapper.is-interactive .node-name{cursor:pointer}.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node{transition:opacity .18s ease,transform .18s ease,filter .18s ease}.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--idle{filter:saturate(.55);opacity:.24}.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--pending{opacity:.62}.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--active{opacity:1;transform:translateY(-2px)}.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--fail,.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--pass,.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--warning{opacity:1}.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--active .generic-node-content{box-shadow:0 0 0 3px #0f6cbd40,0 14px 24px #0f6cbd2e}.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--pass .generic-node-content{box-shadow:0 0 0 3px #107c1038,0 12px 22px #107c1029}.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--fail .generic-node-content{box-shadow:0 0 0 3px #d1343838,0 12px 22px #d1343824}.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--warning .generic-node-content{box-shadow:0 0 0 3px #c19c0038,0 12px 22px #c19c0024}.diagram-canvas-wrapper:not(.is-animation-mode) .vue-flow__node.summary-identify .generic-node-content{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary,#0078d4) 40%,transparent),0 10px 20px #0f6cbd3d}.diagram-canvas-wrapper:not(.is-animation-mode) .vue-flow__node.summary-identify .internet-shell,.diagram-canvas-wrapper:not(.is-animation-mode) .vue-flow__node.summary-identify .subnet-node,.diagram-canvas-wrapper:not(.is-animation-mode) .vue-flow__node.summary-identify .vnet-node{box-shadow:0 0 0 3px color-mix(in srgb,var(--primary,#0078d4) 42%,transparent),0 14px 24px #0f6cbd38}.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--active .internet-shell,.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--active .subnet-node,.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--active .vnet-node{box-shadow:0 0 0 3px #0f6cbd33,0 16px 30px #0f6cbd33}.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--pass .internet-shell,.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--pass .subnet-node,.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--pass .vnet-node{border-color:#107c10!important;box-shadow:0 0 0 3px #107c1033,0 16px 30px #107c102e}.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--fail .internet-shell,.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--fail .subnet-node,.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--fail .vnet-node{border-color:#d13438!important;box-shadow:0 0 0 3px #d134382e,0 16px 30px #d1343829}.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--warning .internet-shell,.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--warning .subnet-node,.diagram-canvas-wrapper.is-animation-mode .vue-flow__node.animation-node--warning .vnet-node{border-color:#c19c00!important;box-shadow:0 0 0 3px #c19c002e,0 16px 30px #c19c0024}