.vue-flow{position:relative;width:100%;height:100%;overflow:hidden;z-index:0;direction:ltr}.vue-flow__container{position:absolute;height:100%;width:100%;left:0;top:0}.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{transform-origin:0 0;z-index:2;pointer-events:none}.vue-flow__viewport{z-index:4;overflow:clip}.vue-flow__selection{z-index:6}.vue-flow__edge-labels{position:absolute;width:100%;height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible{outline:none}.vue-flow .vue-flow__edges{pointer-events:none;overflow:visible}.vue-flow__edge-path,.vue-flow__connection-path{stroke:#b1b1b7;stroke-width:1;fill:none}.vue-flow__edge{pointer-events:visibleStroke;cursor:pointer}.vue-flow__edge.animated path{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__edge.animated path.vue-flow__edge-interaction{stroke-dasharray:none;animation: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-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{stroke-dasharray:5;animation:dashdraw .5s linear infinite}.vue-flow__connectionline{z-index:1001}.vue-flow__nodes{pointer-events:none;transform-origin:0 0}.vue-flow__node{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:all;transform-origin:0 0;box-sizing:border-box;cursor:default}.vue-flow__node.draggable{cursor:grab;pointer-events:all}.vue-flow__node.draggable.dragging{cursor:grabbing}.vue-flow__nodesselection{z-index:3;transform-origin:left top;pointer-events:none}.vue-flow__nodesselection-rect{position:absolute;pointer-events:all;cursor:grab}.vue-flow__nodesselection-rect.dragging{cursor:grabbing}.vue-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px}.vue-flow__handle.connectable{pointer-events:all;cursor:crosshair}.vue-flow__handle-bottom{left:50%;bottom:0;transform:translate(-50%,50%)}.vue-flow__handle-top{left:50%;top:0;transform:translate(-50%,-50%)}.vue-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.vue-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.vue-flow__edgeupdater{cursor:move;pointer-events:all}.vue-flow__panel{position:absolute;z-index:5;margin:15px}.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}}:root{--vf-node-bg: #fff;--vf-node-text: #222;--vf-connection-path: #b1b1b7;--vf-handle: #555}.vue-flow__edge.updating .vue-flow__edge-path{stroke:#777}.vue-flow__edge-text{font-size:10px}.vue-flow__edge-textbg{fill:#fff}.vue-flow__connection-path{stroke:var(--vf-connection-path)}.vue-flow__node{cursor:grab}.vue-flow__node.selectable:focus,.vue-flow__node.selectable:focus-visible{outline:none}.vue-flow__node-default,.vue-flow__node-input,.vue-flow__node-output{padding:10px;border-radius:3px;width:150px;font-size:12px;text-align:center;border-width:1px;border-style:solid;color:var(--vf-node-text);background-color:var(--vf-node-bg);border-color:var(--vf-node-color)}.vue-flow__node-default.selected,.vue-flow__node-default.selected:hover,.vue-flow__node-input.selected,.vue-flow__node-input.selected:hover,.vue-flow__node-output.selected,.vue-flow__node-output.selected:hover{box-shadow:0 0 0 .5px var(--vf-box-shadow)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible,.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible,.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid #555}.vue-flow__node-default .vue-flow__handle,.vue-flow__node-input .vue-flow__handle,.vue-flow__node-output .vue-flow__handle{background:var(--vf-handle)}.vue-flow__node-default.selectable:hover,.vue-flow__node-input.selectable:hover,.vue-flow__node-output.selectable:hover{box-shadow:0 1px 4px 1px #00000014}.vue-flow__node-input{--vf-node-color: var(--vf-node-color, #0041d0);--vf-handle: var(--vf-node-color, #0041d0);--vf-box-shadow: var(--vf-node-color, #0041d0);background:var(--vf-node-bg);border-color:var(--vf-node-color, #0041d0)}.vue-flow__node-input.selected,.vue-flow__node-input:focus,.vue-flow__node-input:focus-visible{outline:none;border:1px solid var(--vf-node-color, #0041d0)}.vue-flow__node-default{--vf-handle: var(--vf-node-color, #1a192b);--vf-box-shadow: var(--vf-node-color, #1a192b);background:var(--vf-node-bg);border-color:var(--vf-node-color, #1a192b)}.vue-flow__node-default.selected,.vue-flow__node-default:focus,.vue-flow__node-default:focus-visible{outline:none;border:1px solid var(--vf-node-color, #1a192b)}.vue-flow__node-output{--vf-handle: var(--vf-node-color, #ff0072);--vf-box-shadow: var(--vf-node-color, #ff0072);background:var(--vf-node-bg);border-color:var(--vf-node-color, #ff0072)}.vue-flow__node-output.selected,.vue-flow__node-output:focus,.vue-flow__node-output:focus-visible{outline:none;border:1px solid var(--vf-node-color, #ff0072)}.vue-flow__nodesselection-rect,.vue-flow__selection{background:#0059dc14;border:1px dotted rgba(0,89,220,.8)}.vue-flow__nodesselection-rect:focus,.vue-flow__nodesselection-rect:focus-visible,.vue-flow__selection:focus,.vue-flow__selection:focus-visible{outline:none}.vue-flow__handle{width:6px;height:6px;background:var(--vf-handle);border:1px solid #fff;border-radius:100%}.vue-flow__minimap{background-color:#fff}.vue-flow__minimap.pannable{cursor:grab}.vue-flow__minimap.dragging{cursor:grabbing}.vue-flow__minimap-mask.pannable{cursor:grab}:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#202a38;background:#fff;font-synthesis:none;font-size:13px;--accent: #087f75;--accent-soft: #e4f3ef;--line: #e3e8ee;--muted: #7a8493;--sidebar: #f5f7fa;--danger: #bc5252;--shadow: 0 8px 28px #243b5320}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:none;border:0}button:disabled{cursor:not-allowed;opacity:.42}button,select,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)!important;box-shadow:0 0 0 3px #087f7510}button svg{flex-shrink:0}h1,h2,h3,p{margin:0}svg{vertical-align:middle;flex-shrink:0}button{transition:background .16s,border-color .16s,color .16s}button:hover:not(:disabled){background-color:#eef3f4}.mono{font-family:IBM Plex Mono,SFMono-Regular,Consolas,monospace;font-size:12px}.muted-note{font-size:11px;line-height:1.8;color:var(--muted);margin:16px 0}.app-shell{display:flex;height:100dvh;min-height:580px;overflow:hidden}.workspace{flex:1;min-width:0;display:flex;flex-direction:column}.sidebar{width:216px;flex:0 0 216px;background:var(--sidebar);border-right:1px solid var(--line);padding:26px 12px 16px;display:flex;flex-direction:column;position:relative;z-index:20}.brand{display:flex;gap:9px;align-items:center;margin:0 5px 31px}.brand-mark{width:29px;height:29px;background:var(--accent);color:#fff;border-radius:7px;display:grid;place-items:center}.brand strong{font-size:23px;font-weight:750;letter-spacing:1px}.brand>span:last-child{font-size:12px;font-weight:650;color:#758090;letter-spacing:.7px;margin-left:1px}.search{display:flex;align-items:center;gap:8px;border:1px solid #dce3e9;border-radius:6px;background:#fff;height:36px;padding:0 10px;color:#85909c}.search input{border:0;background:none;width:100%;min-width:0;padding:0;font-size:12px;line-height:32px;color:#263340;box-shadow:none!important}.search:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #087f7510}.search input::placeholder{color:#9199a5}.project-search{background:#ffffffa8;margin-bottom:25px}.project-search kbd{font-family:inherit;white-space:nowrap;font-size:10px;color:#98a1ad}.nav-caption{font-size:11px;font-weight:600;letter-spacing:.8px;color:#8a94a1;display:flex;justify-content:space-between;padding:0 12px;margin-bottom:12px}.nav-caption>span{font-size:10px;letter-spacing:0;border:1px solid #dce3e9;border-radius:4px;padding:0 4px;line-height:15px}.project-list{max-height:30vh;min-height:0;overflow-y:auto}.project-button,.nav-item{width:100%;display:flex;align-items:center;gap:12px;padding:13px 12px;text-align:left;border-radius:5px;position:relative;font-weight:500;white-space:nowrap;margin-bottom:4px;line-height:20px}.project-button{font-size:12px}.project-button span{overflow:hidden;text-overflow:ellipsis}.project-button svg,.nav-item svg{color:#6e7b8c}.active.project-button,.active.nav-item{background:#deeeeb;color:#116c64;font-weight:650}.active.project-button svg,.active.nav-item svg{color:#087f75}.active.project-button:before,.active.nav-item:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:3px;background:var(--accent);border-radius:2px}.new-project{display:flex;align-items:center;gap:11px;padding:13px 12px;color:var(--accent);font-weight:500;width:100%;text-align:left;border-radius:5px}.nav-divider{height:1px;background:var(--line);margin:21px 5px 24px}.sidebar-bottom{margin-top:auto;padding:18px 6px 0;border-top:1px solid #dfe5eb;display:flex;align-items:center;gap:11px}.avatar{display:grid;place-items:center;background:#dceae8;color:#4b7974;border-radius:50%;width:34px;height:34px;font-size:12px;font-weight:600}.sidebar-bottom strong{font-size:12px;font-weight:550}.sidebar-bottom small{display:block;font-size:10px;color:#8c97a4;margin-top:5px}.online-dot{width:6px;height:6px;background:#549f88;border-radius:50%;margin-left:auto}.sidebar-close,.mobile-menu,.sidebar-scrim{display:none}.empty-small{font-size:12px;text-align:center;padding:16px;color:var(--muted)}.breadcrumb-bar{height:54px;min-height:54px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 27px;gap:14px;color:#7c8794;font-size:12px}.breadcrumb-bar strong{color:#394453;font-weight:500}.slash{color:#b7bec7}.demo-badge{margin-left:auto;border:1px solid #e3e8ee;border-radius:5px;padding:4px 8px;background:#f8f9fb;color:#7e8997;font-size:10px;white-space:nowrap}.workspace-body{flex:1;min-height:0;display:flex;position:relative}.main-workspace{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.project-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:23px 25px 20px}.project-title{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;min-width:0}.project-title h1{font-size:23px;font-weight:680;letter-spacing:-.6px}.project-title>.icon-button{color:#a0a8b2;opacity:.5}.project-title:hover>.icon-button{opacity:1}.project-title p{width:100%;font-size:12px;color:#858e9a;margin-top:5px;display:flex;gap:9px;align-items:center}.project-title p>span{color:#c3c9d1}.header-actions{display:flex;gap:10px;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:35px;padding:8px 13px;border:1px solid #d7dee5;border-radius:5px;font-size:12px;font-weight:500;background:#fff;white-space:nowrap}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 3px #087f7512}.button.primary:hover{background:#066d64}.button.outline{border-color:#9dc7c0;color:var(--accent)}.button.outline:hover{background:#edf7f3}.button.compact{padding:7px 10px;min-height:33px}.button.full{width:100%}.button.destructive{background:#b74848;border-color:#b74848;color:#fff}.button.destructive:hover{background:#a33636}.icon-button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;padding:3px;color:#7c8794;flex-shrink:0}.text-button{color:var(--accent);display:inline-flex;align-items:center;gap:5px;font-size:12px;padding:4px 2px;border-radius:3px}.danger{color:var(--danger)}.stats-strip{margin:0 25px 15px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:7px;min-height:68px;background:#fff;align-items:center}.stats-strip>div{display:flex;gap:13px;align-items:center;justify-content:center;padding:8px 12px;position:relative;color:#536170;white-space:nowrap}.stats-strip>div+div:before{content:"";position:absolute;left:0;width:1px;height:28px;background:var(--line)}.stats-strip>div>svg{color:#74818d}.stats-strip span{font-size:12px}.stats-strip strong{font-size:23px;line-height:28px;font-weight:650;font-variant-numeric:tabular-nums;color:#26313d}.workspace-toolbar{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 25px;min-height:54px}.view-switch{display:flex;gap:22px;align-self:stretch;white-space:nowrap}.view-switch>button,.view-switch>.additional-tab{font-size:12px;position:relative;padding:0 1px;font-weight:500;display:flex;align-items:center}.view-switch>button.active,.view-switch>.active{color:var(--accent);font-weight:600}.view-switch>button.active:after,.view-switch>.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:var(--accent)}.toolbar-actions{display:flex;align-items:center;gap:9px;min-width:0}.asset-search{width:208px;height:33px;background:#fcfdfe}.asset-search input{font-size:11px}.filter-select{height:33px;border:1px solid #dce3e9;background:#fff;border-radius:5px;color:#596675;font-size:11px;padding:0 22px 0 9px;cursor:pointer}.graph-options{height:40px;min-height:40px;display:flex;justify-content:space-between;align-items:center;padding:0 25px;font-size:10px;color:#83909e;background:#fcfdfe}.graph-options>div{display:flex;align-items:center;gap:7px}.graph-options select{color:#697786;font-size:10px;border:0;background:none;padding:0 8px 0 0;cursor:pointer;box-shadow:none}.small-dot{width:5px;height:5px;border-radius:50%;background:#519d8b;display:inline-block}.small-dot.error{background:#c76757}.option-divider{height:11px;width:1px;background:#d8e0e6;margin:0 7px}.focus-button{display:flex;align-items:center;gap:5px;font-size:10px;padding:4px 5px;border-radius:3px;color:#788896}.focus-button.active{color:var(--accent);background:#e7f4ef}.workspace-content{flex:1;min-height:0;position:relative;overflow:auto;background:#fff}.graph-content{overflow:hidden;background:#fcfdff}.workspace-status{height:29px;min-height:29px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 18px;font-size:9px;color:#95a0ad;background:#fff}.workspace-status>span:first-child{display:flex;gap:6px;align-items:center}.zone-node{border:1px dashed #b7d3d0;background:#eaf5f147;border-radius:12px!important;pointer-events:none}.zone-node.zone-external{background:#eef4fc50;border-color:#c0d3eb}.zone-label{padding:25px 18px;display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:160px;color:#3f565b}.zone-label strong{font-size:16px;font-weight:650}.zone-label>span{font-size:12px;font-weight:450;color:#96aaa9}.zone-label small{width:100%;font-size:10px;color:#94a6a7;margin-top:5px}.zone-label.external{color:#536d8e}.zone-label.external>span{font-size:9px}.asset-node{position:relative;border:1px solid #c9d4da;border-radius:8px;background:#fff;min-height:72px;padding:15px 13px;display:flex;gap:11px;align-items:center;box-shadow:0 3px 7px #253e4b05;transition:border-color .15s,box-shadow .15s,opacity .2s}.asset-node:hover{border-color:#6da99c;box-shadow:0 3px 12px #20564d10}.asset-node.selected{border:2px solid #0b9688;padding:14px 12px;box-shadow:0 0 0 4px #087f7508}.asset-node.connected{border-color:#6bafa2}.asset-node.dimmed{opacity:.2}.asset-node .device-symbol{color:#586c73;display:flex;align-items:center}.asset-node .device-symbol.external{color:#6a84a3}.asset-copy{display:flex;flex-direction:column;min-width:0;gap:7px}.asset-copy strong{font-size:13px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:127px}.asset-copy>span{font-family:IBM Plex Mono,monospace;letter-spacing:-.1px;font-size:10px;color:#929ca8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.status-dot{width:5px;height:5px;background:#55a58a;border-radius:50%;position:absolute;right:9px;top:10px}.status-dot.pending{background:#d4a55e}.status-dot.disabled{background:#9ea8b1}.vue-flow__handle{width:7px!important;height:7px!important;min-width:7px!important;min-height:7px!important;background:#fff!important;border:1.5px solid #4e9c8b!important;opacity:0;z-index:5}.asset-node:hover .vue-flow__handle,.asset-node.selected .vue-flow__handle,.vue-flow__handle.connecting{opacity:1}.vue-flow__node:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.edge-label{position:absolute;pointer-events:none;font-size:9px;font-family:IBM Plex Mono,monospace;padding:3px 6px;border:1px solid #e0e8e8;background:#ffffffef;border-radius:4px;color:#687b7a;white-space:nowrap;box-shadow:0 2px 3px #26394d03}.edge-label.external{color:#6e89ae;border-color:#dae5f4}.edge-label.selected{color:var(--accent);border-color:#0b9688;font-weight:600}.canvas-hint{font-size:9px;color:#9aa6b2;pointer-events:none;margin:2px 7px}.legend{background:#ffffffed;border:1px solid #e4e9ee;border-radius:5px;padding:10px 12px;display:flex;gap:14px;box-shadow:0 2px 6px #233c4b03}.legend>span{font-size:9px;color:#7b8895;display:flex;align-items:center;gap:7px}.legend i{display:block;width:21px;border-top:2px solid #3d9c81}.legend i.external{border-top:2px dashed #5787cd}.legend i.network{border-color:#7b8b9d}.canvas-controls{display:flex;align-items:center;background:#fff;border:1px solid #dce3e9;border-radius:5px;height:33px;box-shadow:0 2px 5px #23384b08;margin-right:119px;margin-bottom:2px}.canvas-controls button{width:30px;align-self:stretch;display:grid;place-items:center;color:#788592}.canvas-controls>span{font-size:10px;color:#5e6b78;min-width:37px;text-align:center}.canvas-controls>i{width:1px;height:14px;background:#e5e9ed;margin:0 3px}.vue-flow__minimap{width:104px!important;height:65px!important;bottom:0!important;right:1px!important;border:1px solid #e1e7eb;border-radius:4px;overflow:hidden;background:#fff!important;box-shadow:0 2px 5px #243a4f03}.vue-flow__minimap-svg{width:104px;height:65px}.vue-flow__attribution{font-size:8px!important;bottom:0!important;background:#ffffff80!important;color:#b0b9c4}.vue-flow__panel.bottom{margin-bottom:15px}.canvas-empty{position:absolute;left:50%;top:45%;transform:translate(-50%,-50%);text-align:center;background:#fff;padding:26px 32px;box-shadow:var(--shadow);border-radius:8px;min-width:280px;color:#7b8a96}.canvas-empty h3{margin-top:15px;margin-bottom:8px;font-size:17px;color:#344454}.canvas-empty p{font-size:12px;line-height:1.8}.inspector{width:302px;min-width:302px;border-left:1px solid var(--line);background:#fff;display:flex;flex-direction:column;z-index:10}.inspector-heading{padding:18px 20px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);min-height:63px}.inspector-heading h2{font-size:15px;font-weight:600}.inspector-scroll{padding:0 20px 24px;overflow-y:auto;flex:1;min-height:0;scrollbar-width:thin}.device-heading{display:flex;gap:13px;padding:24px 0 25px;align-items:flex-start}.device-avatar{width:49px;height:49px;display:grid;place-items:center;background:#e1f2ee;border:1px solid #d5ebe5;border-radius:11px;color:#087f75;flex-shrink:0}.device-heading h3{font-size:16px;font-weight:650;line-height:1.4;margin:0 0 7px;overflow-wrap:anywhere}.device-heading .mono{font-size:11px;color:#8a97a5;overflow-wrap:anywhere;display:block}.record-status{display:inline-flex;align-items:center;gap:6px;font-size:10px;color:#679787;white-space:nowrap}.record-status i{width:5px;height:5px;border-radius:50%;background:#5caa90}.record-status.pending{color:#b0884b}.record-status.pending i{background:#c99b52}.record-status.disabled{color:#8b949c}.record-status.disabled i{background:#9ea8b1}.device-heading small{margin-top:8px}.inspector-tabs{display:flex;justify-content:space-between;border-bottom:1px solid #dce3e9;gap:8px;margin-bottom:6px}.inspector-tabs button{font-size:11px;white-space:nowrap;padding:12px 2px;position:relative;color:#848d99}.inspector-tabs button.active{color:#087f75;font-weight:600}.inspector-tabs button.active:after{content:"";height:2px;background:var(--accent);position:absolute;left:0;right:0;bottom:-1px}.info-list{margin:4px 0 20px}.info-row{display:grid;grid-template-columns:75px 1fr;gap:9px;padding:14px 0;border-bottom:1px solid #eff2f5;line-height:1.7;font-size:11px;align-items:start}.info-row dt{color:#9099a5}.info-row dd{margin:0;color:#4a5765;overflow-wrap:anywhere}.info-row:last-child{border-bottom:0}.related-summary{width:100%;text-align:left;border:1px solid #e1e7ed;background:#f8fafb;border-radius:6px;padding:16px 13px;margin-top:24px}.related-summary>span{display:flex;gap:8px;align-items:center}.related-summary strong{font-size:12px;font-weight:550}.related-summary>span>svg:last-child{margin-left:auto;color:#9ba5b2}.related-summary small{display:block;margin-top:12px;margin-left:26px;font-size:10px;color:#8a95a0}.inspector-footer{height:44px;min-height:44px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-top:1px solid var(--line)}.inspector-footer .text-button{font-size:10px}.inspector-footer>span{font-size:9px;color:#a3abb5}.section-line{display:flex;align-items:center;justify-content:space-between;gap:7px;margin:16px 0;color:#8993a0;font-size:11px}.section-line strong{color:#344353;font-size:12px}.detail-card{border:1px solid var(--line);border-radius:6px;padding:0 12px 12px;margin:13px 0}.detail-card .section-line{margin:12px 0}.detail-card .info-row{padding:7px 0;grid-template-columns:62px 1fr;font-size:10px}.detail-card p{font-size:10px;color:#8c96a3;line-height:1.7}.detail-card dl{margin:9px 0}.tag{display:inline-flex;align-items:center;gap:4px;font-size:10px;color:#598f81;background:#edf6f2;padding:3px 7px;border-radius:4px;line-height:1.4;white-space:nowrap}.tag.neutral{color:#7f8b99;background:#f1f4f7}.tag.blue{color:#6b87ad;background:#eef3fc}.tag.red{color:#b86868;background:#fbefef}.row-actions{display:flex;gap:2px}.row-actions .icon-button{width:22px;height:23px}.relation-card{border:1px solid var(--line);border-radius:6px;padding:13px;width:100%;text-align:left;margin-bottom:11px}.relation-direction{display:flex;align-items:center;font-size:10px;color:#6e9b8e;gap:5px}.relation-direction>span{margin-left:auto;color:#8a99aa;font-family:monospace}.relation-card strong{display:block;margin:10px 0 6px;font-size:12px;font-weight:550}.relation-card small{display:block;font-size:10px;color:#8f9aa8}.relation-intro{display:flex;gap:12px;align-items:center;margin:26px 0}.relation-avatar{width:46px;height:46px;border-radius:10px;background:#eaf4f0;display:grid;place-items:center;color:var(--accent);flex-shrink:0}.relation-intro h3{font-size:15px;line-height:1.5;margin-bottom:7px}.endpoint-path{background:#f8fafb;border:1px solid #e6ebf0;border-radius:6px;padding:13px}.endpoint-path button{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:3px;border-radius:4px}.endpoint-path button>span{display:flex;flex-direction:column;gap:5px;min-width:0}.endpoint-path button small{font-size:9px;color:#9da6b2}.endpoint-path button strong{font-size:12px;font-weight:550}.endpoint-path button .mono{color:#95a0ac;font-size:10px;overflow-wrap:anywhere}.endpoint-path button>svg:first-child{color:#69877f}.endpoint-path button>svg:last-child{margin-left:auto;color:#b4bec7}.endpoint-arrow{color:#abb8bf;transform:rotate(90deg);margin:12px 0 12px 7px}.info-tip{display:flex;gap:8px;padding:14px 9px;background:#f8fafb;color:#96a2ac;font-size:10px;line-height:1.8;margin-top:18px;border-radius:4px}.data-view{padding:28px 25px}.view-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;gap:12px}.view-heading h2{font-size:17px;font-weight:600;letter-spacing:-.3px}.view-heading p{font-size:11px;color:#95a0ad;margin-top:9px;line-height:1.8}.count-tag{font-size:10px;border:1px solid #e4e9ef;background:#fafbfc;border-radius:5px;padding:5px 9px;color:#8c98a5;white-space:nowrap}.table-scroll{overflow-x:auto;max-width:100%;scrollbar-width:thin}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px;text-align:left}th{font-size:10px;font-weight:500;color:#8b97a5;background:#f7f9fb;padding:13px 12px;border-bottom:1px solid #e3e9ef}td{padding:16px 12px;border-bottom:1px solid #edf1f4;color:#6e7b89}tbody tr:hover{background:#fbfdfc}td strong{color:#4a5969;font-size:11px;font-weight:550}td.mono{font-size:10px}.table-device{display:flex;align-items:center;gap:9px;padding:0;border-radius:3px}.table-device>span{width:28px;height:28px;display:grid;place-items:center;border-radius:6px;background:#f0f6f4;color:#669387}.table-path{display:flex;align-items:center;gap:9px;font-size:11px;padding:3px 0}.table-path svg{color:#9bada8}.inline-icon{display:flex;align-items:center;gap:8px}.inline-icon svg{color:#819e94}.timeline article{display:flex;align-items:flex-start;gap:15px;position:relative;padding:0 0 28px}.timeline article:before{content:"";width:1px;position:absolute;background:#e0e9e6;top:30px;bottom:0;left:15px}.timeline article:last-child:before{display:none}.timeline-dot{width:31px;height:31px;border:1px solid #dfece7;color:#76a493;border-radius:50%;display:grid;place-items:center}.timeline article>div{padding-top:3px}.timeline strong{font-size:12px;font-weight:550;color:#4d5c69}.timeline p{font-size:11px;color:#9aa4b0;margin-top:8px}.timeline time{margin-left:auto;font-size:10px;color:#a4adb7;padding-top:7px;white-space:nowrap}.empty-state{display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;color:#a0adb7;padding:80px 15px;font-size:12px;line-height:2}.empty-state h3{font-size:15px;color:#6c7e8b;margin:15px 0 5px;font-weight:500}.empty-state p{font-size:11px;margin-bottom:20px}.empty-state.compact{padding:35px 6px;font-size:12px}.empty-state.compact small{font-size:10px}.modal{border:1px solid #dbe5e7;border-radius:12px;padding:0;width:570px;max-width:calc(100vw - 24px);max-height:calc(100dvh - 48px);overflow:hidden;box-shadow:0 22px 80px #162d3b30;background:#fff;color:#2e3f4c}.modal::backdrop{background:#1a2f3d55;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal-heading{display:flex;justify-content:space-between;align-items:flex-start;padding:23px 25px;border-bottom:1px solid var(--line)}.modal-heading h2{font-size:19px;font-weight:600}.modal-heading p{font-size:11px;color:#98a4af;margin-top:9px}.modal-body{padding:23px 25px;max-height:calc(100dvh - 242px);overflow:auto}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px 18px}.field{display:flex;flex-direction:column;gap:8px;min-width:0}.field.wide,.wide{grid-column:1/-1}.field>span{font-size:11px;font-weight:500;color:#71818e}.field input,.field select,.field textarea{border:1px solid #dbe4e8;border-radius:5px;width:100%;padding:9px 10px;color:#415260;font-size:12px;line-height:1.5;background:#fff;min-width:0}.field input::placeholder,.field textarea::placeholder{color:#b3bdc7}.field textarea{resize:vertical}.field small{color:#a4afb9;font-size:9px;line-height:1.6}.field select:disabled{background:#f6f8f9;color:#9ca8b2}.form-banner{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.7;color:#71978d;background:#f0f8f5;padding:12px;border:1px solid #e1eee9;border-radius:5px}.form-error{color:#be5757;background:#fcf0ef;border-radius:5px;padding:12px;line-height:1.7;margin-top:18px;font-size:11px}.modal-footer{display:flex;gap:9px;justify-content:flex-end;align-items:center;padding:16px 25px;border-top:1px solid var(--line);background:#fbfcfd}.modal-footer>span{margin-right:auto;color:#a5afb8;font-size:10px}.delete-message{text-align:center;padding:15px 0;color:#b78354}.delete-message h3{font-size:17px;margin:15px 0;color:#465865;line-height:1.8;overflow-wrap:anywhere}.delete-message p{color:#8d9aa5;font-size:12px;line-height:1.9;max-width:440px;margin:auto}.toast{display:flex;align-items:center;gap:9px;position:fixed;bottom:32px;left:50%;transform:translate(-50%,20px);background:#234b43;color:#fff;border:1px solid #1b6555;padding:13px 20px;border-radius:7px;box-shadow:0 8px 30px #1b3f3c20;font-size:12px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;z-index:1000;max-width:90vw;line-height:1.7}.toast.show{opacity:1;transform:translate(-50%)}.toast>svg{color:#8bd0b7}@media(min-width:1700px){.sidebar{width:234px;flex-basis:234px}.inspector{width:330px;min-width:330px}.project-header{padding:26px 32px}.stats-strip{margin-left:32px;margin-right:32px}.workspace-toolbar{padding:0 32px}.asset-search{width:245px}.project-title h1{font-size:26px}.inspector-scroll{padding-left:24px;padding-right:24px}}@media(max-width:1300px){.sidebar{width:198px;flex-basis:198px;padding-left:9px;padding-right:9px}.brand{gap:7px}.brand>span:last-child{font-size:10px}.project-button{font-size:11px;gap:8px}.inspector{width:274px;min-width:274px}.inspector-scroll{padding:0 17px 20px}.project-header{padding:20px 20px 18px}.project-title h1{font-size:20px}.stats-strip{margin-left:20px;margin-right:20px}.workspace-toolbar{padding:0 20px;gap:8px}.view-switch{gap:17px}.toolbar-actions{gap:7px}.asset-search{width:165px}.toolbar-actions .button{font-size:11px;padding:7px 8px}.stats-strip>div{gap:9px;padding:8px}.stats-strip>div>svg{width:20px}.stats-strip span{font-size:11px}.canvas-controls{margin-right:0}.vue-flow__minimap{display:none}.legend{gap:9px;padding:9px}.project-title p{font-size:10px;gap:6px}.button{font-size:11px}.additional-tab{display:none!important}.inspector-tabs{gap:6px}.inspector-tabs button{font-size:10px}}@media(max-width:1120px){.inspector{position:absolute;right:0;top:0;bottom:0;width:300px;box-shadow:-10px 0 32px #203a5110;z-index:15}.project-header{padding-right:24px}.toolbar-actions .asset-search{width:200px}.stats-strip strong{font-size:22px}.workspace-toolbar{min-height:56px}.workspace-status{font-size:9px}.project-title h1{font-size:23px}.main-workspace:has(+.inspector) .header-actions{margin-right:0}.legend{padding:9px 12px}.vue-flow__minimap{display:block}}@media(max-width:850px){.sidebar{position:fixed;top:0;bottom:0;left:0;width:240px;transform:translate(-100%);transition:transform .2s;box-shadow:var(--shadow);z-index:50}.sidebar.open{transform:translate(0)}.sidebar-scrim.visible{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#172c3f55;z-index:45;cursor:default}.sidebar-close{display:flex;position:absolute;right:8px;top:9px}.mobile-menu{display:flex}.breadcrumb-bar{padding:0 18px;gap:10px;font-size:11px}.brand{margin-top:9px}.brand>span:last-child{font-size:12px}.project-button{font-size:13px}.project-title h1{font-size:22px}.project-header{padding:20px}.demo-badge{font-size:9px}.stats-strip{margin:0 20px 10px}.toolbar-actions .asset-search{width:185px}.workspace-toolbar,.graph-options{padding:0 20px}.canvas-controls{margin-right:116px}.brand strong{font-size:23px}}@media(max-width:600px){.app-shell{min-height:500px}.breadcrumb-bar{height:48px;min-height:48px;padding:0 12px;gap:7px}.breadcrumb-bar>span:first-of-type,.breadcrumb-bar .slash{display:none}.breadcrumb-bar strong{font-size:10px;font-weight:500;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.demo-badge{font-size:8px;padding:3px 5px}.project-header{padding:19px 15px 16px;align-items:flex-start;gap:6px}.project-title h1{font-size:19px;line-height:26px;letter-spacing:-.4px}.project-title>.icon-button{display:none}.project-title p{font-size:9px;gap:4px;line-height:1.7;flex-wrap:wrap;margin-top:7px}.header-actions{gap:6px;margin-top:1px}.header-actions .button{min-height:31px;height:31px;padding:6px 7px;font-size:10px;gap:4px}.header-actions .button:first-child{width:29px}.header-actions .button:first-child span{display:none}.header-actions svg{width:14px;height:14px}.stats-strip{margin:0 15px 8px;min-height:58px;grid-template-columns:repeat(4,minmax(0,1fr))}.stats-strip>div{gap:5px;flex-wrap:wrap;padding:9px 7px;justify-content:flex-start}.stats-strip>div>svg{width:14px;height:14px}.stats-strip span{font-size:9px}.stats-strip strong{font-size:19px;width:100%;padding-left:19px;line-height:18px;margin-top:1px}.stats-strip>div+div:before{height:30px;top:17px}.workspace-toolbar{padding:0 15px;flex-wrap:wrap;gap:0;min-height:94px}.view-switch{height:42px;gap:23px;width:100%;align-self:auto}.view-switch button{font-size:11px}.toolbar-actions{width:100%;height:48px;gap:7px}.toolbar-actions .asset-search{flex:1;width:auto;min-width:90px}.asset-search input{font-size:10px}.toolbar-actions .filter-select{width:85px;font-size:10px;padding-left:7px;padding-right:8px}.toolbar-actions .button{font-size:10px;padding:7px;gap:3px}.toolbar-actions .button>svg{width:14px}.search{gap:6px;padding:0 8px}.search>svg{width:13px}.graph-options{padding:0 15px;height:35px;min-height:35px;font-size:9px}.graph-options select,.focus-button{font-size:9px}.canvas-hint{font-size:8px}.legend{gap:8px;padding:8px}.legend>span{font-size:8px;gap:4px}.legend i{width:14px}.canvas-controls{margin-right:0;height:30px;margin-bottom:40px}.vue-flow__minimap{display:none}.canvas-controls button{width:27px}.canvas-controls>span{font-size:9px;min-width:30px}.vue-flow__panel.bottom-left{margin-left:10px}.workspace-status{padding:0 12px;font-size:8px}.footer-extra{display:none}.inspector{width:100%;min-width:0;top:12%;bottom:0;border-top:1px solid var(--line);border-left:0;border-radius:16px 16px 0 0;box-shadow:0 -16px 40px #20364c22}.inspector-heading{padding:15px 20px;min-height:55px}.inspector-scroll{padding:0 23px 20px}.device-heading{padding:19px 0}.device-heading h3{font-size:17px}.inspector-tabs button{font-size:12px;padding:11px 3px}.info-row{grid-template-columns:86px 1fr;font-size:12px;padding:12px 0}.inspector-tabs{justify-content:flex-start;gap:28px}.inspector-footer{height:47px;min-height:47px}.inspector-footer .text-button{font-size:11px}.data-view{padding:23px 15px}.view-heading{align-items:flex-start;margin-bottom:20px}.view-heading h2{font-size:16px}.view-heading p{font-size:10px;max-width:230px}.count-tag{font-size:9px}.timeline time{font-size:8px;max-width:94px;white-space:normal;text-align:right;line-height:1.6}.timeline strong{font-size:11px}.timeline p{font-size:10px}.modal{max-height:calc(100dvh - 24px);max-width:calc(100vw - 20px);border-radius:10px}.modal-heading{padding:19px}.modal-heading h2{font-size:18px}.modal-body{padding:19px;max-height:calc(100dvh - 212px)}.form-grid{grid-template-columns:1fr;gap:17px}.field.wide,.wide{grid-column:auto}.field>span{font-size:12px}.field input,.field select,.field textarea{font-size:14px;padding:10px}.modal-footer{padding:14px 19px}.modal-footer>.button{font-size:12px}.toast{bottom:28px;font-size:11px;padding:11px 14px}.legend{box-shadow:none}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}.sidebar-close,.mobile-menu{display:none}.sidebar{padding-top:26px}.project-search{margin-bottom:25px}.brand{margin-bottom:31px}.inspector{width:320px;min-width:320px}.inspector-heading h2{font-size:17px}.inspector-scroll{padding-left:20px;padding-right:20px}.device-avatar{background:#087f75;color:#fff;border-color:#087f75;width:54px;height:54px}.device-heading h3{font-size:18px}.device-heading .mono{font-size:12px}.device-heading small{font-size:11px}.inspector-tabs button{font-size:13px}.info-row{font-size:13px;grid-template-columns:80px 1fr;padding:13px 0}.inspector-tabs{gap:9px}.inspector-footer .text-button{font-size:11px}.related-summary strong{font-size:13px}.related-summary small{font-size:12px}.button,.project-title p{font-size:13px}.project-title h1{font-size:25px}.stats-strip span{font-size:14px}.stats-strip strong{font-size:25px}.project-button{font-size:13px}.nav-item{font-size:14px}.nav-caption{font-size:12px}.view-switch>button{font-size:13px}.asset-search input,.filter-select{font-size:12px}.asset-copy strong{font-size:15px;max-width:130px}.asset-copy>span{font-size:12px}.asset-node .device-symbol svg{width:29px;height:29px}.asset-node{min-height:77px;gap:10px;padding:16px 12px}.asset-node.selected{padding:15px 11px}.asset-node.external .asset-copy>span{font-size:10px}.edge-label{font-size:11px;padding:3px 6px;box-shadow:0 1px 4px #24384b08}.vue-flow__edge-labels{z-index:2;pointer-events:none}.vue-flow__nodes{z-index:3}.legend>span{font-size:10px}.canvas-controls>span{font-size:11px}@media(max-width:1300px){.inspector{width:285px;min-width:285px}.info-row{font-size:12px;grid-template-columns:72px 1fr}.inspector-tabs button{font-size:11px}.project-title h1{font-size:21px}.project-title p{font-size:11px}.stats-strip span,.project-button,.button{font-size:12px}.asset-search{width:150px}.view-switch{gap:17px}.toolbar-actions{gap:7px}}@media(max-width:1120px){.inspector{width:310px;min-width:310px}.inspector-tabs button{font-size:12px}.info-row{font-size:13px}.toolbar-actions .asset-search{width:200px}}@media(max-width:850px){.mobile-menu,.sidebar-close{display:flex}.sidebar{width:240px}.project-button{font-size:13px}}@media(max-width:600px){.inspector{width:100%;min-width:0}.project-title h1{font-size:19px}.project-title p,.stats-strip span{font-size:9px}.stats-strip strong{font-size:19px}.header-actions .button{font-size:10px}.toolbar-actions .asset-search{width:auto}.asset-search input,.toolbar-actions .filter-select{font-size:10px}.view-switch>button{font-size:11px}.info-row{font-size:12px}.legend>span{font-size:8px}.inspector-tabs{gap:24px}.field input,.field select,.field textarea{font-size:16px}}.vue-flow__node.zone-node{pointer-events:none!important}.vue-flow__nodes{z-index:auto}.edge-label{pointer-events:all;cursor:pointer}.edge-label:hover{color:#087f75;border-color:#087f75;background:#fff}.inspector-tabs{overflow-x:auto;scrollbar-width:thin;justify-content:flex-start;gap:17px}.inspector-tabs button{flex-shrink:0}.credential-scope-select{margin:19px 0 16px}.credential-scope-select select{font-size:11px}.credential-form{display:flex;flex-direction:column;gap:15px}.vault-unlock{padding:12px 0 18px}.vault-symbol{display:grid;place-items:center;width:46px;height:46px;border:1px solid #dbece6;background:#edf6f2;color:var(--accent);border-radius:11px}.vault-unlock h3,.credential-editor h3{font-size:14px;font-weight:600}.vault-unlock p{color:#86949f;font-size:11px;line-height:1.8}.vault-unlock>small{color:#9aa6af;font-size:10px;line-height:1.9}.credential-form .field{gap:7px}.credential-form .form-error{margin-top:0;color:#be5757}.credential-password-input{display:flex;align-items:center;border:1px solid #dbe4e8;border-radius:5px;padding-right:5px}.credential-password-input input{border:0;box-shadow:none!important}.credential-password-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px #087f7510}.credential-form-actions{display:flex;justify-content:flex-end;gap:8px}.vault-status{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 10px}.vault-status>span{display:inline-flex;gap:5px;align-items:center;color:#73958c;font-size:10px}.vault-status .text-button{font-size:10px}.credential-scope{font-size:12px;font-weight:550;color:#657785;margin:17px 0 15px;overflow-wrap:anywhere}.credential-card{border:1px solid var(--line);border-radius:6px;padding:13px 11px 8px;margin-top:15px}.credential-card-title{display:flex;align-items:center;gap:7px;margin-bottom:9px;color:#629184}.credential-card-title strong{font-size:12px;line-height:1.6;color:#465b68;overflow-wrap:anywhere}.credential-card-title>.icon-button{margin-left:auto}.credential-value{display:flex;align-items:center;gap:5px;margin-top:11px;min-width:0}.credential-value>span{flex-shrink:0;width:42px;font-size:10px;color:#99a5b0}.credential-value code{min-width:0;flex:1;overflow-wrap:anywhere;font-size:11px;color:#566e7b}.credential-value input{min-width:0;width:0;flex:1;border:0;font-size:12px;font-family:monospace;background:transparent;padding:4px 0;color:#566e7b;box-shadow:none}.credential-value .icon-button{width:24px;height:26px}.credential-hint{display:block;font-size:9px;line-height:1.8;color:#6d9d8e;padding-top:6px}.credential-entry{color:#8798a3;font-size:10px;line-height:1.8;margin-top:11px;overflow-wrap:anywhere}.credential-card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;border-top:1px solid #f0f3f5;padding-top:8px}.credential-card-footer small{color:#a4afb6;font-size:9px}.credential-delete{background:#fff6f5;border-radius:4px;padding:10px;margin-top:6px}.credential-delete p{color:#ab7b75;font-size:11px;line-height:1.7;margin-bottom:10px}.credential-delete .button{font-size:10px;margin-right:5px;padding:6px 8px;min-height:30px}.deployment-credentials{margin-top:12px;padding-top:11px;border-top:1px solid #edf1f3;width:100%;font-size:11px}@media(max-width:600px){.inspector-tabs{gap:23px}.credential-form .field input,.credential-form .field textarea,.credential-form .field select{font-size:16px}.credential-value input,.credential-value code{font-size:13px}}.resource-fields{border-top:1px solid var(--line);padding-top:20px}.resource-form-heading{display:flex;align-items:center;gap:8px;color:var(--accent);margin-bottom:18px}.resource-form-heading strong{font-size:13px}.resource-form-heading small{margin-left:auto;color:#99a6af;font-size:10px}.resource-form-section{margin-top:17px;border:1px solid #e0e9e8;border-radius:6px;padding:0 13px}.resource-form-section summary{cursor:pointer;padding:14px 0;color:#6b857d;font-size:12px}.resource-form-section summary svg{margin:0 6px 0 2px}.resource-form-section>.form-grid{padding:5px 0 16px}.resource-form-note{font-size:10px;color:#94a19f;line-height:1.8;padding-bottom:13px}.resource-overview{margin:21px 0;display:flex;gap:12px;align-items:center}.resource-overview>span{display:grid;place-items:center;background:#edf5f8;color:#5a92a6;width:42px;height:42px;border-radius:9px}.resource-overview strong{display:block;font-size:14px;color:#536b78}.resource-overview small{display:block;margin-top:6px;font-size:10px;color:#93a0ac}.resource-details h3{display:flex;align-items:center;gap:7px;font-size:12px;color:#5b8579;padding:22px 0 9px;border-bottom:1px solid #e8eeec}.resource-details dl{margin:0}.resource-details .info-row{font-size:11px;padding:11px 0;grid-template-columns:85px 1fr}.resource-detail-link{color:var(--accent);font-size:10px;padding:0 0 0 7px}.stats-strip.has-other-resources{grid-template-columns:repeat(5,minmax(0,1fr))}.asset-hosting-badge{position:absolute;top:-9px;left:12px;font-size:9px;line-height:16px;color:#718998;background:#f8fbfd;border:1px solid #d5e2e9;border-radius:4px;padding:0 5px}.asset-hosting-badge.government-cloud{background:#f0f8f5;color:#578d79;border-color:#d0e4da}.asset-hosting-badge.public-cloud{color:#6085b4;background:#f3f7fd;border-color:#d2e0f1}.table-resource-sub{display:block;font-size:10px;color:#96a4ad;margin-top:6px;max-width:180px;overflow:hidden;text-overflow:ellipsis}.resource-network-zone .zone-label{max-width:156px;padding:22px 14px}.resource-network-zone .zone-label strong{font-size:13px;line-height:1.7}.resource-network-zone .zone-label>span{width:100%;font-size:10px;line-height:1.6;overflow-wrap:anywhere}.graph-options{height:auto;min-height:42px;padding-top:6px;padding-bottom:6px;gap:7px}.graph-options>div{flex-wrap:wrap;row-gap:7px}.focus-button{white-space:nowrap;flex-shrink:0}@media(max-width:600px){.resource-form-section>.form-grid{grid-template-columns:1fr}.resource-form-heading{flex-wrap:wrap}.resource-form-heading small{margin-left:0}.graph-options{align-items:flex-start;padding-top:8px;padding-bottom:8px}.graph-options>div{gap:7px 5px}.resource-details .info-row{font-size:12px}}.auth-page{min-height:100dvh;display:grid;grid-template-columns:1fr 1fr;background:#f6f8fa}.auth-card{padding:60px;max-width:540px;width:100%;align-self:center;justify-self:center}.auth-card .brand{padding:0;margin-bottom:55px}.auth-eyebrow{color:#087f75;letter-spacing:2px;font-size:11px}.auth-card h1{font-size:27px;line-height:1.6;margin:14px 0 10px}.auth-card p{color:#788392;line-height:1.8;margin-bottom:25px}.auth-card .field{margin:20px 0}.auth-card .button{min-height:43px}.auth-card>small{display:block;margin-top:35px;color:#89939f}.auth-art{display:grid;place-items:center;background:radial-gradient(#9dbfb750 1px,transparent 1px),#e6eeeb;background-size:24px 24px;position:relative;overflow:hidden}.auth-art-card{border:1px solid #ffffffaa;padding:55px 35px;background:#ffffffbc;border-radius:15px;box-shadow:0 24px 70px #40615718;position:relative;margin:20px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-art-card>svg{color:#087f75;margin-bottom:35px}.auth-art-card h2{font-size:26px;line-height:1.6}.auth-art-card p{color:#7a8b84;margin:16px 0 35px}.auth-art-card>div{display:flex;gap:10px;flex-wrap:wrap}.auth-art-card span{padding:8px 12px;background:#fff;border:1px solid #dbe6e1;border-radius:5px;font-size:11px}.sidebar-tools{margin-top:auto}.sidebar-bottom{margin-top:16px}.sidebar-bottom>.icon-button{margin-left:auto}.welcome{flex:1;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:22px;padding:30px;text-align:center;background:#fafcfb}.welcome h1{font-size:27px}.welcome p{color:#7c8794;line-height:1.8}.welcome-symbol{color:var(--accent);padding:28px;border:1px solid #daece5;border-radius:18px;background:#eff7f4}.global-error{background:#fff3f1;color:#a1493e;padding:12px 20px;display:flex;align-items:center;gap:12px}.global-error>button:last-child{margin-left:auto}.settings-form{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:22px 0 34px}.settings-form>.button{align-self:end}.credential-form .button{margin-top:16px}.modal-body>h3{margin-top:20px}.modal-body>p{line-height:1.9}.table-scroll tbody tr[tabindex]{cursor:pointer}.vue-flow__minimap{bottom:56px!important}.vue-flow__node-zone{pointer-events:none!important}.vue-flow__node-asset{background:none;border:none}.vue-flow__node.zone-node{z-index:-1!important}.vue-flow__node-asset .vue-flow__handle{width:9px;height:9px}.vue-flow__edge{cursor:pointer}.vue-flow__edge-path{pointer-events:none}.vue-flow__edge-interaction{pointer-events:stroke;cursor:pointer}.resource-form-section{margin-top:20px}.resource-form-section summary{padding:14px 0;cursor:pointer}.resource-form-section>.form-grid{padding:12px 0}.inspector .endpoint-path{flex-direction:column;gap:15px}.credential-scope-select select{max-width:100%}.info-row dd{overflow-wrap:anywhere}.empty-state .button{margin-top:20px}.workspace-status span{white-space:nowrap}.breadcrumb-bar>.icon-button:last-child{margin-left:8px}.modal form{margin:0}.asset-node .vue-flow__handle{pointer-events:all}.vue-flow__panel{z-index:5}@media(max-width:900px){.auth-page{grid-template-columns:1fr}.auth-art{display:none}.auth-card{padding:36px}.settings-form{grid-template-columns:1fr}.header-actions{flex-wrap:wrap}.breadcrumb-bar .demo-badge{font-size:10px}.welcome .header-actions{justify-content:center}}@media(max-width:600px){.graph-options>div{overflow-x:auto;flex-wrap:nowrap!important}.graph-options{gap:8px}.graph-options select{flex:none;max-width:130px}.graph-options .focus-button,.vue-flow__minimap{display:none}.workspace-status{font-size:9px}.auth-card{padding:30px}.auth-card h1{font-size:23px}.project-header{gap:12px}.project-title h1{font-size:20px}.header-actions>.icon-button{display:none}.modal{max-height:94dvh}.modal-body{max-height:65dvh}}.stats-strip span{display:flex;align-items:center;gap:8px}.view-switch>button{display:flex;align-items:center;gap:7px}.vue-flow__edge-label{pointer-events:all}.vue-flow__edge-labels{z-index:3;pointer-events:none}.edge-label{background:#fff;font-size:12px}@media(max-width:600px){.stats-strip span{flex-direction:column;gap:4px}.stats-strip strong{padding-left:0;text-align:left;margin-top:0}}