.system-map{--sm-text:#dce7f2;--sm-muted:#8ba0b7;color:var(--sm-text);background:#09131f;border:1px solid #263747;border-radius:17px;overflow:hidden;box-shadow:0 18px 60px #14273a12}.system-map button,.system-map input,.system-map select{font:inherit}.system-map button{cursor:pointer;transition:background .15s,border-color .15s}.system-map button:focus-visible,.system-map input:focus-visible,.system-map select:focus-visible,.system-map canvas:focus-visible{outline:2px solid #78d9c6;outline-offset:3px}.sm-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:26px 28px 23px;border-bottom:1px solid #243140;background:linear-gradient(120deg,#112330,#0b1724)}.sm-eyebrow{font-size:10px;letter-spacing:2.1px;color:#80b9b6;margin-bottom:9px}.sm-heading h1{font-size:28px;letter-spacing:-.8px;line-height:1.2;margin:0 0 9px;color:#edf6fc}.sm-heading p{font-size:12px;color:#9aaec1;margin:0}.sm-summary{display:flex;gap:24px;align-items:center;white-space:nowrap;font-size:11px;color:#8ba0b7}.sm-summary strong{font-size:22px;display:block;color:#d9ebf4;font-weight:500;margin-bottom:2px}.sm-server{color:#7dd5bc!important;font-size:10px;letter-spacing:.2px}.sm-toolbar{display:flex;align-items:end;gap:10px;padding:16px 22px;background:#0d1a28;border-bottom:1px solid #243140}.sm-toolbar label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#92a9be;min-width:0}.sm-toolbar .sm-search{flex:1;min-width:140px}.system-map input[type=search],.system-map select{background:#101f2e;color:#d3e2f1;border:1px solid #2d4154;border-radius:7px;height:36px;padding:0 11px;width:100%;font-size:11px;min-width:0}.system-map input::placeholder{color:#7891a8}.system-map select{max-width:180px}.sm-toolbar button,.sm-view-switch button,.sm-zoom button{background:#10202e;border:1px solid #304457;color:#a8c1d8;border-radius:7px;padding:8px 12px;font-size:11px;white-space:nowrap}.sm-toolbar button:hover,.sm-view-switch button:hover,.sm-zoom button:hover{background:#1b3546}.sm-workspace{display:grid;grid-template-columns:minmax(0,1fr) 306px;min-height:610px}.sm-stage{position:relative;min-width:0;height:clamp(580px,66vh,840px);background:radial-gradient(ellipse at center,#0c1b2a,#07111e 80%);overflow:hidden}.sm-stage canvas{width:100%;height:100%;display:block;cursor:grab;touch-action:none}.sm-stage canvas:active{cursor:grabbing}.sm-stage canvas.sm-hit{cursor:pointer}.sm-stage-top{position:absolute;top:16px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none;z-index:1}.sm-view-switch{display:flex;gap:5px;pointer-events:auto}.sm-view-switch button{font-size:10px;padding:7px 10px;background:#0d1b29e8}.sm-view-switch button[aria-pressed=true]{color:#93edd7;background:#123833;border-color:#397e72}.sm-scope{color:#7d9bb4;font-size:10px;letter-spacing:.6px}.sm-stage-bottom{position:absolute;bottom:32px;left:18px;right:18px;display:flex;justify-content:space-between;align-items:center;gap:12px;pointer-events:none}.sm-stage-bottom>span{font-size:10px;color:#6e8ba7}.sm-zoom{display:flex;gap:5px;pointer-events:auto}.sm-zoom button{width:29px;padding:5px;font-size:14px}.sm-help{position:absolute;left:18px;bottom:13px;font-size:9px;color:#5e7a95;pointer-events:none}.sm-hover{position:absolute;bottom:85px;left:18px;max-width:calc(100% - 36px);border:1px solid #3a5b70;background:#0b1e2ff2;color:#d7e9f6;border-radius:5px;padding:8px 12px;font-size:11px;pointer-events:none}.sm-hover[hidden]{display:none}.sm-inspector{border-left:1px solid #273748;background:#0e1c2a;padding:25px 20px;overflow:auto;max-height:clamp(580px,66vh,840px);scrollbar-color:#30465a #0e1c2a;min-width:0}.sm-inspector-kicker{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:#83b6bd;margin-bottom:15px}.sm-inspector-title{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.sm-inspector h2{color:#edf5fb;font-size:23px;line-height:1.3;margin:0;letter-spacing:-.5px;overflow-wrap:anywhere}.sm-inspector p{font-size:12px;line-height:1.8;color:#9bb0c6;margin:16px 0}.sm-status{display:inline-flex;font-size:10px;border-radius:5px;padding:4px 7px;background:#263449;color:#abbfd6}.sm-status.available{background:#123d36;color:#8be5c7}.sm-status.planned{background:#2d2543;color:#c9b3ed}.sm-status.offline{background:#353321;color:#dcc48b}.sm-status.paused,.sm-status.disabled{background:#3c2e22;color:#e9b984}.sm-detail{padding:15px 0;border-bottom:1px solid #263748;display:flex;flex-direction:column;gap:8px}.sm-detail>span{color:#6f8ca5;text-transform:uppercase;letter-spacing:.9px;font-size:9px}.sm-detail strong{font-size:11px;color:#bdcede;font-weight:500}.sm-detail code{font-size:10px;color:#a2d3d0;overflow-wrap:anywhere;white-space:normal;line-height:1.7;background:none;padding:0}.sm-metric{display:flex;align-items:center;gap:14px;padding:16px 0;border-block:1px solid #283849;margin-top:18px}.sm-metric>strong{font-size:33px;font-weight:400;color:#a2e5d7}.sm-metric>span{color:#c0d1df;font-size:12px}.sm-metric small{display:block;color:#758fa6;font-size:9px;margin-top:4px}.sm-permissions{display:flex;flex-wrap:wrap;gap:6px}.sm-permissions span{font-size:9px;padding:5px 7px;background:#182e3e;border-radius:4px;color:#a3bbd0}.sm-open{background:#19483f;border:1px solid #337c6c;color:#aceddc;width:100%;border-radius:7px;padding:11px;font-size:11px!important;text-align:left;margin-top:19px}.sm-open:hover{background:#205b4f}.sm-connections-head{display:flex;align-items:center;justify-content:space-between;margin:26px 0 12px}.sm-connections-head h3{font-size:12px;font-weight:500;color:#d5e3ed;margin:0}.sm-connections-head>span{font-size:10px;color:#6d8ba3}.sm-connection{display:flex;width:100%;align-items:flex-start;gap:8px;text-align:left;background:none;border:0;border-bottom:1px solid #203344;color:#b7ccdf;padding:12px 0}.sm-connection:hover{background:#172d3c}.sm-direction{font-size:16px;color:#7bceb8}.sm-direction.structure{color:#8099b2}.sm-connection>span:nth-child(2){flex:1;min-width:0}.sm-connection strong{font-size:11px;font-weight:500;color:#c8dce9;display:block}.sm-connection small{font-size:9px;line-height:1.6;display:block;color:#738ea7;margin-top:4px}.sm-line-state{font-size:8px;color:#a995c6;margin-top:2px;white-space:nowrap}.sm-line-state.implemented{color:#71d6b8}.sm-line-state.structure{color:#68849f}.sm-line-state.disabled{color:#d0a66f}.sm-structure{margin-top:22px}.sm-structure summary{color:#7f9bb5;font-size:10px;cursor:pointer}.sm-empty{color:#7390a7;font-size:11px;padding:8px}.sm-arrow{color:#72c9b7}.sm-endpoints{display:flex;flex-direction:column;gap:9px;margin-top:20px}.sm-endpoints button{color:#b4d4e4;background:#183042;border:1px solid #2e4c62;border-radius:6px;padding:10px;text-align:left;font-size:11px}.sm-legend{display:flex;align-items:center;gap:23px;flex-wrap:wrap;padding:14px 22px;background:#0d1a28;border-block:1px solid #253647;font-size:10px;color:#7895ad}.sm-key:before{content:'';display:inline-block;width:21px;vertical-align:middle;margin-right:7px;border-top:1px solid #6c92b0}.sm-key.built{color:#8ecdbb}.sm-key.built:before{border-color:#63cfb3}.sm-key.proposed:before{border-top:1px dashed #ac92cb}.sm-legend #smUpdated{margin-left:auto;font-size:9px}.sm-bottom{padding:20px 24px}.sm-directory-head{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:14px}.sm-directory h2{font-size:13px;color:#bdcfe0;margin:0}.sm-directory h2>span{color:#5e7a93;font-size:10px;margin-left:8px;font-weight:400}.sm-check{display:flex;align-items:center;gap:8px;color:#8ca6bc;font-size:10px}.sm-check input{accent-color:#6bd3b6;width:13px;height:13px;margin:0}.sm-node-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:7px;max-height:270px;overflow:auto;scrollbar-color:#30465a #0e1c2a}.sm-node-item{background:#101f2d;border:1px solid #24374a;border-radius:6px;display:flex;align-items:center;gap:7px;text-align:left;padding:9px 10px;color:#a9c0d3;min-width:0}.sm-node-item>span:nth-child(2){font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.sm-node-item>small{font-size:8px;color:#647e96;white-space:nowrap}.sm-node-item.selected,.sm-node-item:hover{background:#17382f;border-color:#377466;color:#bbefde}.sm-dot{width:5px;height:5px;flex-shrink:0;border-radius:50%;background:#b69acf}.sm-dot.available{background:#79d8b8}.sm-dot.offline{background:#cbb071}.sm-dot.disabled,.sm-dot.paused{background:#e5a369}.sm-note{font-size:10px;color:#607d96;line-height:1.8;margin:17px 0 0}.system-map:fullscreen{border-radius:0;overflow:auto;width:100vw;max-width:none}.system-map:fullscreen .sm-stage,.system-map:fullscreen .sm-inspector{height:70vh;max-height:70vh}.context-tag .open-mode-label{color:#926a31}.live-shell .context-bar:has(.open-mode-label){background:#f6f1e5}.content-shell:has(.system-map)>main{padding:25px 27px}.content-shell:has(.system-map) .topbar{height:55px}.open-account-note{padding:20px;border:1px solid #dccca7;background:#fcf8ed;border-radius:10px;line-height:1.8;font-size:13px}
@media(min-width:1600px){.sm-workspace{grid-template-columns:minmax(0,1fr) 330px}.sm-stage,.sm-inspector{height:73vh;max-height:900px}}
@media(max-width:1180px){.sm-summary{gap:13px}.sm-server{display:none}.sm-workspace{grid-template-columns:minmax(0,1fr) 265px}.sm-inspector{padding:22px 16px}.sm-toolbar{flex-wrap:wrap}.sm-toolbar .sm-search{flex-basis:220px}.sm-heading{padding:22px}.sm-stage{height:600px}.sm-inspector{max-height:600px}}
@media(max-width:900px){.sm-workspace{grid-template-columns:1fr}.sm-inspector{border-left:0;border-top:1px solid #263747;max-height:440px;padding:22px}.sm-stage{height:620px}.sm-heading h1{font-size:25px}.sm-toolbar .sm-search{flex-basis:100%}.sm-toolbar>label:not(.sm-search){flex:1}.system-map select{max-width:none}.sm-stage-top{left:12px;right:12px}.sm-stage-bottom{left:12px;right:12px}.sm-help{left:12px}.sm-legend{gap:10px 18px}.content-shell:has(.system-map)>main{padding:15px}}
@media(max-width:520px){.sm-heading{padding:20px 16px;align-items:flex-start;gap:10px}.sm-heading p{font-size:11px;line-height:1.7}.sm-heading h1{font-size:24px}.sm-summary{flex-direction:column;gap:7px;font-size:9px;align-items:flex-end}.sm-summary strong{display:inline;font-size:17px}.sm-toolbar{padding:13px;gap:9px}.sm-toolbar label{font-size:9px}.sm-toolbar>label:not(.sm-search){flex-basis:40%}.sm-toolbar button{flex:1}.system-map select{font-size:10px;padding:0 7px}.sm-stage{height:530px}.sm-scope{max-width:100px;line-height:1.5}.sm-view-switch button{padding:6px 8px}.sm-stage-bottom>span{font-size:9px;max-width:195px;line-height:1.5}.sm-help{font-size:8px}.sm-bottom{padding:18px 13px}.sm-directory-head{align-items:flex-start;flex-direction:column;gap:12px}.sm-node-list{grid-template-columns:repeat(2,minmax(0,1fr));max-height:330px}.sm-node-item{padding:9px 7px;gap:5px}.sm-node-item>small{display:none}.sm-legend{font-size:9px;padding:13px}.sm-legend #smUpdated{display:none}.content-shell:has(.system-map)>main{padding:10px}.system-map{border-radius:12px}}