:root{color:#23344b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#f3f6fa;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:360px;margin:0}button,input,select,textarea{font:inherit}button,select{cursor:pointer}button,.button-link{color:#344760;background:#fff;border:1px solid #d5deea;border-radius:7px;padding:9px 13px;font-size:13px;font-weight:600;transition:background .15s,border-color .15s}.button-link{align-items:center;text-decoration:none;display:inline-flex}button:hover,.button-link:hover{background:#edf3fa;border-color:#9eafc5}button:disabled{opacity:.45;cursor:not-allowed}button:focus-visible,.button-link:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,g:focus-visible{outline-offset:3px;outline:3px solid #4f92e9}input,select,textarea{color:#253751;background:#fff;border:1px solid #d4dfeb;border-radius:6px;width:100%;min-width:0;padding:9px 10px;font-size:13px}textarea{resize:vertical;line-height:1.6}input:disabled{background:#f0f3f7}h1,h2,h3,p{margin:0}h2{letter-spacing:-.3px;font-size:17px;font-weight:650}h3{margin-bottom:12px;font-size:14px}a{color:#2764bc}summary{cursor:pointer;color:#3569af}.topbar{background:#fff;border-bottom:1px solid #dde5ef;justify-content:space-between;align-items:center;gap:20px;padding:22px 36px;display:flex}.brand{align-items:center;gap:13px;display:flex}.brand-icon{color:#fff;background:#205ed3;border-radius:12px;place-items:center;width:43px;height:43px;font-size:24px;font-weight:700;display:grid;box-shadow:0 4px 10px #245fc326}.brand h1{letter-spacing:-.6px;font-size:20px}.brand h1 span{color:#78889d;font-weight:450}.brand p{color:#718198;margin-top:3px;font-size:12px}.actions,.row{align-items:center;gap:8px;display:flex}.actions{flex-wrap:wrap}.local-badge{color:#6a7d95;margin-right:12px;font-size:11px}main{max-width:1900px;margin:auto;padding:29px 36px}.workspace-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.eyebrow{color:#8290a4;letter-spacing:1.8px;margin-bottom:6px;font-size:10px;font-weight:700}.topology-name{letter-spacing:-.6px;background:0 0;border:0;width:420px;max-width:100%;padding:0;font-size:25px;font-weight:650}.stats{color:#77869a;white-space:nowrap;gap:24px;font-size:12px;display:flex}.stats strong{color:#263d5a;margin-right:4px;font-size:20px}.workspace{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:22px;display:grid}.main-column{gap:20px;min-width:0;display:grid}.panel{background:#fff;border:1px solid #dde5ef;border-radius:12px;overflow:hidden;box-shadow:0 3px 8px #2c436005}.panel-heading{justify-content:space-between;align-items:center;gap:14px;padding:20px 22px;display:flex}.count-badge{color:#8c9aad;border:1px solid #e1e8f1;border-radius:6px;padding:5px 8px;font-family:IBM Plex Mono,monospace;font-size:11px}.editor{flex-direction:column;max-height:calc(100vh - 32px);display:flex;position:sticky;top:16px}.tabs{border-bottom:1px solid #e5eaf2;padding:0 14px;display:flex}.tabs button{color:#7a8a9f;background:0 0;border:0;border-radius:0;padding:12px 9px;font-size:12px}.tabs button[aria-selected=true]{color:#2264c5;border-bottom:2px solid #2c71d7}.editor-content{padding:18px;overflow-y:auto}.muted{color:#7b8b9f;font-size:12px;line-height:1.6}.editor-content>.muted{margin-bottom:17px}.entity-card{border:1px solid #e0e7f0;border-radius:8px;flex-direction:column;gap:7px;margin-bottom:10px;padding:12px;display:flex}.entity-card.selected{background:#f7faff;border-color:#87afe8}.entity-card .row{justify-content:space-between}.entity-title{text-align:left;color:#284564;background:0 0;border:0;padding:0;font-size:12px}.entity-title:hover{color:#1d67cd;background:0 0}.entity-card>strong{font-size:12px}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field>span{color:#75859a;font-size:11px;font-weight:550}.editor form{border-top:1px solid #e3eaf3;gap:13px;margin-top:24px;padding-top:19px;display:grid}.primary{color:#fff;background:#2568d7;border-color:#2568d7}.primary:hover{background:#1857bb;border-color:#1857bb}.danger{color:#b74750}.small{align-self:flex-start;padding:5px 7px;font-size:11px}.switch{color:#60738b;align-items:center;gap:4px;font-size:10px;display:flex}.switch input{accent-color:#2175db;width:auto}.transport{border-radius:4px;align-self:flex-start;padding:3px 6px;font-size:10px;font-weight:600}.transport.ExpressRoute{color:#795bca;background:#f0eafa}.transport.VPN{color:#317ab4;background:#e8f3fb}.transport.SDWAN{color:#ba8546;background:#fff3e1}.live-dot{color:#53836f;white-space:nowrap;font-size:11px}.live-dot:before{content:"";background:#4aaf89;border-radius:50%;width:6px;height:6px;margin-right:7px;display:inline-block}.diagram-toolbar{color:#7c8da4;background:#fbfcfe;border-top:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:12px;padding:12px 22px;font-size:11px;display:flex}.diagram-toolbar label{white-space:nowrap;align-items:center;gap:8px;display:flex}.diagram-toolbar select{padding:6px 9px;font-size:11px}.diagram-scroll{overflow:auto}.diagram{width:100%;max-height:580px;display:block}.diagram-caption{fill:#8797ab;letter-spacing:2px;font-size:10px;font-weight:600}.network-link{fill:none;stroke:#bdc9da;stroke-width:2px;transition:stroke .2s,stroke-width .2s}.network-link.ExpressRoute{stroke:#ab9bc9}.network-link.VPN{stroke:#9bbbd2;stroke-dasharray:6 4}.network-link.SDWAN{stroke:#d3b992;stroke-dasharray:3 4}.network-link.backbone{stroke:#bac9df;stroke-dasharray:5 5}.network-link.preferred-link{stroke:#13a58d;stroke-width:4px;filter:drop-shadow(0 1px 3px #13a58d2a)}.network-link.disabled-link{stroke:#d1d6df;stroke-width:1px;opacity:.5;stroke-dasharray:2 7}.link-label{fill:#8392a5;text-anchor:middle;paint-order:stroke;stroke:#fbfcfe;stroke-width:5px;stroke-linejoin:round;font-size:10px}.node-kind{fill:#7185a3;letter-spacing:1.4px;text-anchor:middle;font-size:9px}.node-name{fill:#344e70;text-anchor:middle;font-size:12px;font-weight:600}.node-detail{fill:#7388a3;text-anchor:middle;font-size:10px}.hub-node rect{fill:#f4f8ff;stroke:#b1c6e8;stroke-width:1.5px}.hub-node.active rect{fill:#eaf2ff;stroke:#3276d9;stroke-width:2.5px;filter:drop-shadow(0 3px 7px #306fca25)}.spoke-node rect{fill:#f7faff;stroke:#bcd0ea}.site-node rect{fill:#fff;stroke:#c9d4e2}.clickable{cursor:pointer}.clickable:hover rect{stroke:#3276d9}.empty-diagram{fill:#7a8ea8;font-size:15px}.legend{color:#7c8da3;border-top:1px solid #e9eef5;flex-wrap:wrap;gap:20px;padding:14px 22px;font-size:10px;display:flex}.legend span{align-items:center;gap:6px;display:flex}.legend-line{border-top:2px solid #aebdce;width:19px;display:inline-block}.legend-line.er{border-color:#ab9bc9}.legend-line.vpn{border-color:#9bbbd2;border-top-style:dashed}.legend-line.sdwan{border-color:#d3b992;border-top-style:dotted}.legend-line.preferred{border-color:#13a58d;border-top-width:3px}.flow-form{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;align-items:end;gap:14px;padding:0 22px 22px;display:grid}.flow-results{border-top:1px solid #e7eef5;gap:10px;padding:16px 22px;display:grid}.flow-result{background:#f1faf6;border-left:3px solid #22a885;border-radius:5px;padding:13px 15px;font-size:12px}.flow-result strong{color:#248b70}.flow-result p{margin:7px 0;line-height:1.8}.flow-result details{margin-top:8px;font-size:11px;line-height:1.8}.flow-result.unreachable,.flow-result.loop{background:#fff5f1;border-color:#d58260}.flow-result.unreachable strong,.flow-result.loop strong{color:#b56e4f}.route-controls{align-items:end;gap:16px;padding:0 22px 18px;display:flex}.route-controls .field{min-width:160px}.route-controls>.muted{margin-left:auto;padding-bottom:8px;font-size:11px}.table-scroll{overflow-x:auto}table{border-collapse:collapse;text-align:left;width:100%;font-size:11px}th{color:#8998ab;white-space:nowrap;background:#f7f9fc;border-block:1px solid #e7edf5;padding:12px 17px;font-size:10px;font-weight:550}td{vertical-align:top;border-bottom:1px solid #eef2f7;padding:14px 17px;line-height:1.6}tr:last-child td{border-bottom:0}td small{color:#97a2b3;font-size:10px;display:block}td details{min-width:120px;max-width:310px}td details p{margin-top:8px}.as-path{min-width:120px;font-family:IBM Plex Mono,monospace;font-size:10px}.prefix-button{color:#3066ae;white-space:nowrap;background:0 0;border:0;padding:0;font-family:IBM Plex Mono,monospace;font-size:11px}.active-route{background:#edf8f5}.ecmp{color:#139781;font-size:9px;display:block}.empty{text-align:center;color:#8c9aad;padding:25px;font-size:12px}.route-editor{padding:0 22px 22px}.route-edit-row{grid-template-columns:1fr 1fr 1.3fr auto;align-items:end;gap:10px;margin-bottom:16px;display:grid}.route-edit-row .small{align-self:end;margin-bottom:5px}.route-editor>.row{margin-top:15px}.model-notes{padding:22px}.model-notes h2{margin-bottom:10px;font-size:13px}.model-notes p{color:#7f8ea3;margin-bottom:10px;font-size:11px;line-height:1.8}.model-notes a{margin-right:22px}.model-notes button{font-size:11px}.notice{color:#92733b;background:#fff8e9;border:1px solid #efe0bb;border-radius:7px;margin-bottom:16px;padding:12px 15px;font-size:12px;line-height:1.7}.notice.error{color:#ab514b;background:#fff0ef;border-color:#efc8c3;justify-content:space-between;align-items:center;gap:10px;display:flex}.notice.error button{color:#ab514b;font-size:10px}.error-text{color:#b75550;padding:0 22px 16px;font-size:12px}footer{text-align:center;color:#94a1b3;padding:7px 20px 30px;font-size:10px}.advanced-content{padding:0 22px 22px}.advanced-content>details{border-top:1px solid #e8eef5;margin-top:12px;padding-top:14px}.advanced-content>details>summary{font-size:12px;font-weight:600}.policy-settings{gap:12px;padding:15px 0 0;font-size:12px;display:grid}.policy-settings>label:not(.field){align-items:center;gap:8px;display:flex}.policy-settings input[type=checkbox]{accent-color:#2568d7;width:auto}.map-editors,.site-settings{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:15px;display:grid}.map-editors h3{font-size:12px}.map-rule{border:1px solid #dfe7f1;border-radius:7px;gap:10px;margin-bottom:12px;padding:12px;display:grid}.map-rule>strong{font-size:11px}.peer-form{gap:12px;margin-top:18px;display:grid}.advanced-content>details>.muted{margin:15px 0}.peer-link{stroke:#b5928b;stroke-dasharray:6 3}.link-hitbox{fill:none;stroke:#0000;stroke-width:18px;pointer-events:stroke}.path-flow,.routing-path-stop{pointer-events:none}.routing-path-stop circle{fill:#fff;stroke:#b43832;stroke-width:2px}.routing-path-stop path{fill:none;stroke:#b43832;stroke-width:2px}.analysis-coverage{color:#48617d;overflow-wrap:anywhere;background:#f6f9fc;border:1px solid #d5dfec;border-radius:7px;margin:12px 0;padding:12px;font-size:12px}.analysis-coverage p{line-height:1.6}.coverage-note{border-top:1px solid #d5dfec;padding:12px 0}.finding-title[aria-pressed=true]{text-decoration:underline}.path-flow-circle{fill:currentColor;stroke:#fff;stroke-width:2px;filter:drop-shadow(0 0 1px #344e7080)}.diagram .draggable-node[data-destination-color]>rect{fill:color-mix(in srgb, currentColor 20%, white)}@media (prefers-reduced-motion:reduce){.path-flow{display:none}}.route-legend{color:#64748b;padding:0 22px 14px;font-size:11px}.route-legend strong{color:#087564}.preferred-route{color:#087564;font-weight:600}.preferred-route .prefix-button{color:inherit;font-weight:700}.preferred-route small{color:#527d72}.alternative-route{color:#64748b}.alternative-route .prefix-button{color:inherit}.route-state{white-space:nowrap}.selection-reason{color:#64748b;min-width:230px;max-width:360px;font-weight:400}.selection-reason p{margin-top:7px}.topology-actions{background:#fbfcfe;border-top:1px solid #e8eef5;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 22px;display:flex}.topology-actions button{padding:7px 9px;font-size:11px}.object-actions{border-top:1px solid #e5eaf2;flex-wrap:wrap;align-items:center;gap:8px;width:100%;padding-top:8px;display:flex}.object-actions>strong{color:#284564;overflow-wrap:anywhere;font-size:12px}.clickable[aria-pressed=true]>rect,.clickable:focus-visible>rect{stroke:#3276d9;stroke-width:2.5px}.clickable:focus-visible{outline-offset:4px;outline:2px solid #3276d9}.object-dialog{color:#284564;box-sizing:border-box;border:1px solid #b1c6e8;border-radius:12px;width:min(520px,100vw - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:24px;overflow:auto}.object-dialog::backdrop{background:#142b4b66}.object-dialog form,.object-dialog fieldset,.connection-configuration:not([hidden]){gap:16px;display:grid}.object-dialog fieldset{border:1px solid #dde5ef;border-radius:8px;min-width:0;padding:14px}.object-dialog legend{padding:0 6px;font-size:12px}.object-dialog details>p,.object-dialog details>fieldset{margin-top:16px}.object-dialog p{overflow-wrap:anywhere;font-size:12px;line-height:1.7}.dialog-heading{justify-content:space-between}.dialog-heading h2{font-size:18px}.dialog-actions{flex-wrap:wrap;justify-content:flex-end}.checkbox-field{align-items:center;gap:8px;font-size:12px;display:flex}.checkbox-field input{width:auto}.feedback-dialog{width:min(620px,100vw - 32px)}.feedback-dialog>p,.feedback-dialog form{margin-top:16px}.feedback-dialog textarea{resize:vertical;font:inherit;border:1px solid #c9d4e2;border-radius:6px;padding:10px}.feedback-dialog dd{overflow-wrap:anywhere;margin:4px 0 12px;font-size:12px}.feedback-dialog dt{margin-top:10px;font-size:12px;font-weight:600}.feedback-preview{white-space:pre-wrap}.topology-context-menu{z-index:1000;background:#fff;border:1px solid #b1c6e8;border-radius:9px;width:250px;max-width:calc(100vw - 16px);max-height:calc(100dvh - 16px);padding:6px;display:grid;position:fixed;overflow-y:auto;box-shadow:0 8px 30px #142b4b30}.context-menu-title{color:#75859a;overflow-wrap:anywhere;border-bottom:1px solid #e8eef5;margin-bottom:4px;padding:9px;font-size:11px}.topology-context-menu button{text-align:left;border:0;border-radius:5px;padding:10px;font-size:12px}.topology-context-menu>button{justify-content:space-between;align-items:center;gap:12px;display:flex}.topology-context-menu>button>span:first-child{overflow-wrap:anywhere;min-width:0}.topology-context-menu .submenu-active{color:#225eac;background:#edf4ff}.topology-context-menu .context-menu-title{align-items:center;gap:8px;display:flex}.topology-context-menu .submenu-back{flex-shrink:0;place-items:center;padding:8px;display:grid}.menu-chevron{border-top:1.5px solid;border-right:1.5px solid;flex-shrink:0;width:6px;height:6px;margin-right:3px;transform:rotate(45deg)}.menu-chevron.back{margin-right:0;transform:rotate(-135deg)}.canvas-app main{max-width:none;padding:18px 24px}.canvas-app .topbar{padding:16px 24px}.canvas-app .workspace-heading{margin-bottom:16px}.canvas-workspace{border-color:#cfdaea;box-shadow:0 8px 30px #2138580a}.canvas-toolbar{background:#fff;border-bottom:1px solid #e1e9f3;justify-content:space-between;align-items:center;gap:16px;padding:16px 20px;display:flex}.canvas-toolbar h2{margin-bottom:4px}.canvas-tools{flex-wrap:wrap;align-items:end;gap:8px;display:flex}.canvas-tools .field{width:auto}.canvas-tools button{min-height:36px;font-size:12px}.canvas-stage{isolation:isolate;background:#f9fbfe;height:calc(100dvh - 270px);min-height:600px;position:relative;overflow:hidden}.canvas-stage .diagram-scroll{height:100%}.canvas-stage .diagram{max-height:none}.canvas-tools .zoom-controls{align-items:end;gap:4px;display:flex}.zoom-controls>button{width:34px;padding-inline:8px}.er-location-node>rect{fill:#faf7ff;stroke:#bcacd6}.er-location-node .node-kind{fill:#80649e}.draggable-node{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}.network-link.SpokeNVA,.network-link.vnet-nva-link{stroke:#7198cd;stroke-dasharray:8 3}.spoke-nva-node>rect{fill:#edf5ff;stroke:#7198cd}.node-icon.spoke-nva-icon>circle{fill:#dbe9ff;stroke:#4b7ec4;stroke-width:1.2px}.node-icon.spoke-nva-icon path{stroke:#1e4f96;stroke-width:1.5px;stroke-linecap:round}.diagram{cursor:grab}.diagram-scroll.is-panning .diagram{cursor:grabbing;-webkit-user-select:none;user-select:none}.canvas-pan-reset{z-index:2;font-size:11px;position:absolute;top:12px;left:12px}.is-repositioning,.is-repositioning .draggable-node{cursor:grabbing}.draggable-node>rect{filter:drop-shadow(0 5px 9px #203f6b13);transition:stroke .15s,filter .15s}.hub-node>rect{fill:url(#hub-card);stroke:#9fbce7}.hub-node.firewall-active>rect{stroke:#b87924;stroke-width:2.5px}.site-node>rect{fill:#fff;stroke:#b6d5ce}.spoke-node>rect{fill:#fff;stroke:#c4cae5}.draggable-node:hover>rect,.draggable-node[aria-pressed=true]>rect,.draggable-node:focus-visible>rect{stroke:#3276d9;stroke-width:2.5px;filter:drop-shadow(0 5px 12px #306fca25)}.draggable-node:focus-visible{outline-offset:4px;outline:2px solid #3276d9}.node-icon>circle{fill:#e3edff;stroke:none}.node-icon path,.node-icon circle:not(:first-child){fill:none;stroke:#326cca;stroke-width:1.4px;stroke-linejoin:round}.node-icon.site>circle{fill:#e5f4ee}.node-icon.site path{stroke:#368a70}.site-node .node-kind{fill:#5f8c7d}.spoke-node .node-kind{fill:#82759e}.constellation-orbits{pointer-events:none}.constellation-orbits ellipse{fill:none;stroke:#b9cce6;stroke-width:1px;stroke-dasharray:4 9;opacity:.5}.layout-constellation .backbone{stroke:#8da7d2;stroke-width:3px;stroke-dasharray:none}.layout-constellation .preferred-link{stroke:#13a58d;stroke-width:4px}.edge-badge rect{fill:#ffffffed;stroke:#e0e7f2;stroke-width:1px}.edge-badge .link-label{stroke:none;fill:#697f9c;font-size:10px}.is-repositioning .edge-badge{pointer-events:none}.policy-marker{cursor:pointer}.policy-marker rect{stroke-width:1px}.policy-marker.inbound{color:#62419c}.policy-marker.inbound rect{fill:#f5f0ff;stroke:#74539e}.policy-marker.outbound{color:#215084}.policy-marker.outbound rect{fill:#edf4ff;stroke:#345fa8}.policy-filter{fill:#fff;stroke:currentColor;stroke-width:1.5px;stroke-linejoin:round;pointer-events:none}.policy-marker text{text-anchor:middle;pointer-events:none;font-size:10px;font-weight:700}.policy-marker.inbound text{fill:#62419c}.policy-marker.outbound text{fill:#21617f}.policy-marker:hover rect,.policy-marker:focus-visible rect{stroke:#2568d7;stroke-width:2px}.policy-marker:focus-visible{outline-offset:3px;outline:2px solid #2568d7}.policy-marker.is-down rect{stroke-dasharray:3 2}.policy-guide{pointer-events:none;fill:none}.policy-guide.inbound{stroke:#8463b7}.policy-guide.outbound{stroke:#397c9e}.policy-leader{stroke-width:1px;opacity:.65}.policy-arrow{stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round}.policy-arrow-halo{stroke:#fff;stroke-width:7px;stroke-linecap:round;stroke-linejoin:round}.policy-guide.is-down{opacity:.5}.policy-tag{white-space:nowrap;border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700;display:inline-block}.policy-tag.inbound{color:#62419c;background:#f0eaff}.policy-tag.outbound{color:#21617f;background:#e6f4fb}.policy-connection{margin-top:20px}.policy-connection>h3{overflow-wrap:anywhere;font-size:14px}.policy-connection>.muted{margin:4px 0 12px}.policy-assignment{border:1px solid #dfe7f1;border-radius:8px;margin-top:10px;overflow:hidden}.policy-assignment h4{overflow-wrap:anywhere;background:#f8faff;align-items:center;gap:8px;margin:0;padding:10px 12px;font-size:12px;display:flex}.policy-inspector .policy-assignment .table-scroll{margin:0}.policy-assignment table{min-width:370px}.policy-assignment th:first-child{width:1ch}.policy-assignment code{overflow-wrap:anywhere;font-size:10px;display:block}.policy-assignment td{overflow-wrap:anywhere}.policy-assignment>.muted{padding:12px}.policy-drop{color:#ad4351}.route-map-preview{z-index:1100;background:#fff;border:1px solid #b5c9e6;border-radius:10px;width:min(460px,100vw - 16px);max-height:min(420px,100dvh - 16px);padding:12px;font-size:12px;position:fixed;overflow:auto;box-shadow:0 8px 30px #142b4b30}.route-map-preview h3{overflow-wrap:anywhere;align-items:center;gap:8px;font-size:13px;display:flex}.route-map-preview>p{overflow-wrap:anywhere;margin:8px 0}.route-map-preview .table-scroll{margin-top:10px}.route-map-preview th,.route-map-preview td{padding:7px 8px}.route-map-preview code{overflow-wrap:anywhere;font-size:10px;display:block}.static-routes-form{gap:14px;margin-top:16px;display:grid}.static-routes-form>button{justify-self:start}.vpn-bgp-draft{grid-template-columns:1fr 1fr auto;align-items:end;gap:8px;display:grid}@media (width<=760px){.vpn-bgp-draft{grid-template-columns:1fr}}.canvas-overlay{z-index:5;resize:both;background:#fff;border:1px solid #b5c9e6;border-radius:12px;flex-direction:column;width:min(740px,48%);min-width:min(340px,100% - 24px);max-width:calc(100% - 24px);min-height:140px;max-height:calc(100% - 32px);display:flex;position:absolute;top:16px;right:16px;overflow:hidden;box-shadow:0 16px 55px #18345629}.canvas-overlay:focus{outline:none}.canvas-overlay:focus-visible{outline:2px solid #4f92e9}.overlay-heading{cursor:grab;touch-action:none;background:#f6f9ff;border-bottom:1px solid #e1e9f3;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:15px 18px;display:flex}.overlay-heading:active{cursor:grabbing}.overlay-heading h2{overflow-wrap:anywhere;font-size:15px}.overlay-heading .eyebrow{font-size:8px}.overlay-heading button{padding:7px 9px;font-size:11px}.overlay-heading>.row{flex-shrink:0}.overlay-content{min-height:0;padding:18px;overflow:auto}.overlay-content>.muted,.overlay-content>p{margin-bottom:14px}.overlay-content .route-legend{padding:0}.overlay-content .route-editor{padding:12px 0 0}.overlay-content .route-edit-row{border-bottom:1px solid #e7eef5;grid-template-columns:1fr 1fr;padding-bottom:14px}.overlay-content .route-edit-row button{justify-self:start}.overlay-content .flow-results{padding:16px 0 0}.inspector-controls{flex-wrap:wrap;align-items:end;gap:12px;margin-bottom:16px;display:flex}.inspector-controls>.field{flex:1;min-width:150px}.inspector-note{margin-bottom:14px}.canvas-overlay .table-scroll{margin-inline:-18px}.canvas-overlay table th,.canvas-overlay table td{padding:10px 12px}.canvas-overlay .as-path{min-width:85px}.canvas-overlay .selection-reason{min-width:185px}.effective-routes .overlay-content{padding:12px}.effective-routes .inspector-controls{gap:8px;margin-bottom:10px}.effective-routes .inspector-controls>.field{flex:240px;min-width:0}.effective-routes .route-legend,.effective-routes .inspector-note{margin-bottom:8px;font-size:10px}.canvas-overlay.effective-routes .table-scroll{margin-inline:-12px}.effective-routes table{min-width:350px}.canvas-overlay.effective-routes table td,.canvas-overlay.effective-routes table th{padding:6px 10px;line-height:1.4}.canvas-overlay.effective-routes .route-state{text-align:center;width:1ch;min-width:1ch;padding-inline:8px}.canvas-overlay.effective-routes .route-prefix-heading{white-space:normal;background:#f0f5fc;border-top:1px solid #dce5f1}.route-prefix-heading .prefix-button{margin-right:10px;font-size:10px;font-weight:600}.canvas-overlay.effective-routes .selection-reason{color:#64748b;min-width:0;max-width:none;font-size:10px;font-weight:400}.effective-routes td{overflow-wrap:anywhere}.effective-routes td.as-path{overflow-wrap:normal}.highlight-status{z-index:2;color:#176f5d;background:#eaf8f3f2;border:1px solid #b8dfd3;border-radius:9px;flex-wrap:wrap;align-items:center;gap:10px;max-width:calc(100% - 32px);padding:8px 12px;font-size:12px;display:flex;position:absolute;bottom:14px;left:16px;box-shadow:0 3px 12px #164c3020}.highlight-status button{padding:5px 8px;font-size:11px}.object-editor{z-index:8;width:min(480px,100% - 32px)}.object-editor form,.object-editor fieldset,.map-definition,.path-form{gap:14px;display:grid}.object-editor fieldset{border:1px solid #dfe7f1;border-radius:8px;padding:12px}.object-editor legend{font-size:12px}.object-editor p{font-size:12px;line-height:1.7}.object-editor .dialog-actions{margin-top:6px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.assignment-panel{background:#f8faff;border:1px solid #dfe7f1;border-radius:8px;margin-block:18px;padding:14px}.assignment-panel details{margin-top:14px;font-size:12px}.assignment-panel>.field{margin-block:12px}.resource-list{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.resource-list button{text-align:left}.resource-list small{color:#718198;margin-top:4px;font-size:10px;font-weight:400;display:block}.resource-list button[aria-pressed=true]{background:#edf4ff;border-color:#3276d9}.map-definition .map-rule{min-width:0;margin-bottom:0}.map-definition legend{padding-inline:5px;font-size:12px}.delete-resource{margin-block:18px;font-size:12px}.delete-resource p{margin-bottom:12px}.map-definition>.row,.map-rule>.row{flex-wrap:wrap}.path-form{margin-bottom:18px}.canvas-overlay.model-notes{padding:0}.canvas-overlay.model-notes .overlay-content>p{font-size:12px;line-height:1.7}.analysis-form{gap:12px;margin-block:12px;display:grid}.analysis-requirements{padding-left:18px;font-size:12px}.analysis-requirements li{overflow-wrap:anywhere;margin-block:10px}.analysis-requirements button{margin-left:8px}.diagnostic-finding{overflow-wrap:anywhere;border:1px solid #d5dfec;border-left:4px solid #8195af;border-radius:7px;padding:14px;font-size:12px}.diagnostic-finding p{line-height:1.6}.diagnostic-finding.error{border-left-color:#b75550}.diagnostic-finding.warning{border-left-color:#c28b22}.diagnostic-finding.info{border-left-color:#2568d7}.diagnostic-finding .row{flex-wrap:wrap}.diagnostic-finding details{margin-top:10px}.diagnostic-severity{font-size:10px;font-weight:650}.finding-title{text-align:left;color:#3066ae;background:0 0;border:0;padding:0;font-weight:650}.analysis-complete{color:#40627d;background:#eff7fc;border-color:#cddfea}.routing-check-status{overflow-wrap:anywhere;background:#f6f9ff;border-bottom:1px solid #dfe7f1;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 16px;font-size:12px;display:flex}.routing-check-status button{padding:6px 9px;font-size:11px}.routing-issue-marker{cursor:pointer;color:#c33f38}.warning-triangle{fill:#fff;stroke:currentColor;stroke-width:4px;stroke-linejoin:round}.warning-symbol{fill:#202c3d;text-anchor:middle;pointer-events:none;font-size:27px;font-weight:800}.routing-issue-marker:hover .warning-triangle,.routing-issue-marker:focus-visible .warning-triangle{fill:#fff3d4;stroke-width:5px}.routing-issue-marker:focus-visible{outline-offset:3px;outline:2px solid #2568d7}.routing-issues-panel h3{overflow-wrap:anywhere;margin-bottom:12px}.routing-issues-panel .diagnostic-finding .row{margin-top:8px}@media (width<=760px){.canvas-app main{padding:16px 10px}.canvas-app .topbar{padding:16px}.canvas-toolbar{flex-direction:column;align-items:start;padding:12px}.canvas-tools{width:100%}.canvas-tools .field{flex:1;min-width:100px}.canvas-tools button{flex:1}.canvas-stage{height:680px;min-height:600px}.canvas-overlay{resize:none;width:calc(100% - 24px);max-height:calc(100% - 24px);top:12px;right:12px}.overlay-heading{flex-wrap:wrap;gap:8px;padding:12px}.overlay-heading .eyebrow{letter-spacing:1px}.overlay-content{padding:14px}.canvas-overlay .table-scroll{margin-inline:-14px}.form-grid{grid-template-columns:1fr}.highlight-status{bottom:10px;left:10px}.canvas-workspace .legend{gap:12px;padding:12px}}@media (width>=1600px){.workspace{grid-template-columns:330px minmax(0,1fr)}}@media (width<=1100px){.topbar{padding:20px}.local-badge{display:none}main{padding:22px 20px}.workspace{grid-template-columns:260px minmax(0,1fr);gap:15px}.diagram-toolbar{flex-wrap:wrap}.stats{gap:14px}.route-edit-row{grid-template-columns:1fr 1fr}.route-controls{flex-wrap:wrap}.route-controls>.muted{margin-left:0}}@media (width<=760px){.topbar,.workspace-heading{flex-direction:column;align-items:start}.workspace{grid-template-columns:1fr}.editor{max-height:450px;position:static}.editor-content{display:block}.topology-name{width:100%;font-size:22px}.flow-form{grid-template-columns:1fr}.panel-heading{padding:16px}.diagram-toolbar{padding:12px 16px}.route-controls{padding-inline:16px}.route-controls .field{flex:1}.stats{flex-wrap:wrap}.live-dot{font-size:10px}main{padding:22px 12px}}.azure-files{width:min(760px,100% - 24px)}.azure-files fieldset{border:1px solid var(--border,#dce4ef);border-radius:8px;margin:16px 0;padding:12px}.azure-code{white-space:pre-wrap;overflow-wrap:anywhere;background:#f3f6fa;border-radius:8px;padding:12px;font-size:12px}.azure-resource-id{overflow-wrap:anywhere;font-size:12px}.language-selector{white-space:nowrap;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.language-selector select{min-width:6rem;padding:.45rem}.feedback-dialog .dialog-heading{flex-wrap:wrap}:lang(ja) .diagram-caption{letter-spacing:.03em}:lang(ja) .node-kind{letter-spacing:0;font-size:9px}.comparison-finding{overflow-wrap:anywhere;border:1px solid #dde5ef;border-left:4px solid #8794a2;border-radius:8px;margin:12px 0;padding:12px}.comparison-finding.match{border-left-color:#319b8e}.comparison-finding.design-only,.comparison-finding.azure-only{border-left-color:#657fc7}.comparison-finding.changed,.comparison-finding.next-hop,.comparison-finding.attribute{border-left-color:#b98535}.azure-comparison textarea{resize:vertical;width:100%;max-width:100%}