:root{--bg:#f7f8fa;--paper:#fff;--ink:#25323a;--muted:#829096;--line:#e7ecee;--teal:#087f6d;--teal-dark:#076353;--teal-light:#e9f5f1;--green:#23936b;--amber:#cc922c;--red:#d96865;--purple:#8872b6;--blue:#638cb3;--font:'DM Sans','Noto Sans Thai',sans-serif;--mono:'IBM Plex Mono',monospace}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:14.8px;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}button,a,input,select{outline-offset:4px}button:focus-visible,a:focus-visible{outline:2px solid var(--teal)}input:focus,select:focus{outline:2px solid #a3d7cb;outline-offset:0;border-color:var(--teal)}a{color:inherit;text-decoration:none}svg{flex-shrink:0;vertical-align:middle}button{touch-action:manipulation}h1,h2,h3,p{margin:0}button{transition:background .16s,color .16s,border-color .16s,box-shadow .16s}::selection{background:#bfe9dc;color:#145044}.icon{width:17px;height:17px;display:inline-block}button .icon{pointer-events:none}.sidebar{position:fixed;left:0;top:0;width:225px;height:100dvh;background:#fff;border-right:1px solid var(--line);padding:28px 16px 0;display:flex;flex-direction:column;z-index:20}.brand{display:flex;gap:10px;align-items:center;padding:0 6px 28px;font-weight:700;font-size:22px;letter-spacing:-1px;line-height:1.15}.brand-mark{width:36px;height:36px;background:var(--teal);border-radius:10px;color:white;display:grid;place-items:center;box-shadow:0 3px 7px #087f6d16}.brand-mark .icon{width:22px;height:22px}.brand-lab{font-weight:450;color:#899891;letter-spacing:-.8px;margin-left:2px}.brand small{display:block;font-weight:500;font-size:9.5px;letter-spacing:1.65px;margin-top:7px;color:#89948f}.workspace-switch{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:11px 9px;gap:8px;margin-bottom:29px;background:linear-gradient(115deg,#fbfcfb,#fff)}.workspace-icon{background:#eff3f1;border:1px solid #e3eae5;border-radius:6px;display:grid;place-items:center;width:28px;height:28px;color:#6c8076}.workspace-icon .icon{width:15px;height:15px}.workspace-switch strong{font-size:12.5px;font-weight:600;display:block}.workspace-switch small{font-size:11.5px;color:var(--muted);display:block;margin-top:4px}.sample-badge{font-size:9px;letter-spacing:.6px;color:#8b9891;border:1px solid #e3e8e5;border-radius:3px;padding:3px;margin-left:auto}.nav-label,.explorer-title{color:#94a09d;font-size:11.5px;font-weight:650;letter-spacing:1.2px}.nav-label{padding-left:12px;margin-bottom:10px}.sidebar nav{display:flex;flex-direction:column;gap:5px}.nav-item{height:39px;display:flex;align-items:center;text-align:left;width:100%;padding:0 12px;border-radius:6px;gap:11px;color:#78868b;font-size:13.1px;font-weight:500}.nav-item .icon{width:16px;height:16px}.nav-item.active{background:#eaf5f1;color:#087f6d}.nav-item:hover{background:#f2f6f4;color:#087f6d}.nav-item.active .icon{stroke-width:1.9}.nav-active-dot{width:5px;height:5px;border-radius:100%;background:var(--teal);margin-left:auto}.nav-count{border:1px solid #e3e9e6;border-radius:4px;min-width:18px;font-size:11.5px;text-align:center;margin-left:auto;padding:1px}.explorer-title{display:flex;align-items:center;justify-content:space-between;padding:24px 6px 10px 12px}.icon-button{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:5px;color:#829096;flex-shrink:0}.icon-button:hover{background:#e9f0ed;color:var(--teal)}.explorer-title .icon-button{width:22px;height:22px}.explorer-title .icon{width:14px;height:14px}.location-tree{overflow:auto;margin:0 -5px;flex-shrink:1;min-height:70px;padding-right:3px;scrollbar-width:thin;scrollbar-color:#dce4e1 transparent}.tree-row{display:flex;align-items:center;min-height:31px;border-radius:5px;padding-left:calc(5px + var(--depth)*11px);color:#7e8b8e;position:relative}.tree-row:hover,.tree-model:hover{background:#f5f8f6}.tree-row.selected{background:#f0f6f3;color:#27755e}.tree-row.selected:before{position:absolute;content:'';width:2px;height:16px;left:2px;background:#348e71;border-radius:2px}.tree-toggle{width:17px;height:25px;display:grid;place-items:center;padding:0}.tree-toggle .icon{width:10px;height:10px;stroke-width:2}.tree-toggle.open .icon{transform:rotate(90deg)}.tree-label{display:flex;align-items:center;gap:6px;padding:4px 4px 4px 0;min-width:0;flex:1;text-align:left}.tree-label>.icon{width:13px;height:13px;color:#83978c}.tree-label>span{font-size:12.8px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.tree-label>.status-dot{margin-left:auto;width:4px;height:4px}.tree-model{display:flex;align-items:center;gap:6px;width:100%;padding:5px 6px 5px calc(23px + var(--depth)*11px);min-height:26px;text-align:left;font-size:10.9px;color:#8c969d;border-radius:4px}.tree-model .icon{width:11px;height:11px;color:#9c8db4}.tree-model span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-model.selected{color:#77618f;background:#f3eff7}.sidebar-bottom{margin-top:auto;padding-top:24px}.help-card{border:1px solid #e8eee9;background:#f7faf7;border-radius:8px;padding:15px 12px;margin:0 4px 17px;position:relative}.help-card-icon{display:block;color:#83a793;margin-bottom:8px}.help-card-icon .icon{width:19px;height:19px}.help-card strong{display:block;font-size:12.8px;font-weight:600;color:#54695b}.help-card p{font-size:11.5px;color:#92a096;line-height:1.9;margin:6px 0 11px}.help-card button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:0;font-size:11.5px;color:var(--teal);font-weight:600}.help-card button .icon{width:13px;height:13px}.workspace-footer{display:flex;align-items:center;gap:9px;padding:16px 5px;border-top:1px solid var(--line)}.avatar{width:29px;height:29px;border-radius:100%;background:#eaf0ec;border:2px solid white;box-shadow:0 0 0 1px #e4ebe6;color:#719080;display:grid;place-items:center;font-size:11.5px;font-weight:600}.workspace-footer strong{display:block;font-size:12.8px;font-weight:550}.workspace-footer small{display:block;margin-top:3px;color:#96a19c;font-size:10.2px}.local-dot{width:5px;height:5px;border-radius:100%;background:#58a686;margin-left:auto}.main{margin-left:225px;min-height:100dvh}.topbar{height:67px;border-bottom:1px solid var(--line);background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px;gap:12px}.breadcrumb{display:flex;align-items:center;gap:13px;font-size:12px;color:#9ca6aa}.breadcrumb>.icon:first-of-type{color:#9ba6a7;width:15px}.breadcrumb>.icon:not(:first-of-type){width:11px;height:11px;color:#b6c0bf}.breadcrumb strong{font-weight:500;color:#58686e}.topbar-right{display:flex;align-items:center;gap:17px}.save-state{display:flex;align-items:center;gap:5px;color:#7c9086;font-size:11.5px}.save-state .icon{width:12px;height:12px;color:#6a9c83}.topbar-divider{height:14px;width:1px;background:var(--line)}.guide-button{display:flex;align-items:center;gap:6px;font-size:12.8px;color:#83908e;padding:0}.guide-button .icon{width:14px;height:14px}.guide-button:hover{color:var(--teal)}.version{font-family:var(--mono);font-size:10.2px;color:#95a09b;background:#f5f7f5;border:1px solid #e6ebe6;border-radius:4px;padding:3px 6px}.mobile-menu{display:none}.page-content{padding:28px 32px 0;max-width:1900px;margin:auto}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.eyebrow{font-size:10.2px;letter-spacing:1.4px;font-weight:650;color:#8d9a96;margin-bottom:9px}h1{font-size:27px;line-height:1.2;letter-spacing:-.9px;font-weight:600;color:#26383c}.page-heading p{font-size:12px;color:#99a2a5;margin-top:9px;font-weight:400}.heading-actions{display:flex;gap:9px;align-items:center}.button{height:35px;border-radius:6px;display:inline-flex;justify-content:center;align-items:center;gap:7px;padding:0 12px;font-size:12px;font-weight:550;white-space:nowrap;border:1px solid transparent}.button .icon{width:14px;height:14px}.button.primary{color:#fff;background:var(--teal);border-color:var(--teal);box-shadow:0 2px 3px #10413510}.button.primary:hover{background:#066856;border-color:#066856}.button.secondary{color:#6f7b7f;background:#fff;border-color:#e2e8e7;box-shadow:0 1px 2px #163e2c03}.button.secondary:hover{color:var(--teal);background:#f4faf7;border-color:#b9d8ca}.button.compact{height:28px;font-size:11.5px;padding:0 9px;border-radius:5px;gap:6px}.button.compact .icon{width:12px;height:12px}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:23px}.stat-card{display:flex;align-items:center;gap:13px;min-height:84px;padding:17px 16px;background:white;border:1px solid var(--line);border-radius:8px;position:relative;box-shadow:0 1px 2px #163e2c02}.stat-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:9px;flex-shrink:0}.stat-icon .icon{width:17px;height:17px}.teal{color:#469b86;background:#edf7f1}.purple{color:#9a87b6;background:#f4f0fa}.blue{color:#7599bd;background:#eff5fb}.amber{color:#c79c55;background:#fcf6eb}.green{color:#51a282;background:#eaf6ef}.red{color:#d2817c;background:#fbefed}.stat-label{font-size:12.2px;color:#879298}.stat-number{font-size:26px;letter-spacing:-1px;font-weight:550;display:flex;align-items:baseline;gap:12px;margin-top:4px;line-height:1.15}.stat-number>span{font-size:10.2px;letter-spacing:0;color:#a2aaad;font-weight:400;white-space:nowrap}.tiny-live-dot{width:5px;height:5px;position:absolute;right:12px;top:13px;background:#d7b67f;border-radius:100%}.workspace-toolbar{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e4e9e8;margin-bottom:19px;height:42px;gap:10px}.workspace-tabs{display:flex;gap:23px;align-items:stretch;height:100%}.workspace-tab{display:flex;align-items:center;gap:6px;font-size:12.8px;font-weight:500;color:#919ba0;padding:0 1px;position:relative;white-space:nowrap}.workspace-tab .icon{width:13px;height:13px}.workspace-tab.active{color:var(--teal)}.workspace-tab.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;border-radius:2px;background:var(--teal)}.workspace-tab:hover{color:var(--teal)}.toolbar-actions{display:flex;align-items:center;gap:14px}.sample-indicator{font-size:10.2px;display:flex;align-items:center;gap:5px;white-space:nowrap;color:#94a197}.sample-indicator>i{width:4px;height:4px;background:#88b39a;border-radius:100%}.button.json-active{color:var(--teal);background:#e8f2ed;border-color:#d2e6db;gap:7px}.key-hint{font-family:var(--mono);font-size:10.2px;line-height:12px;width:13px;border:1px solid #c8dfd2;border-radius:3px;color:#79a38d}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 318px;align-items:start;gap:19px}.editor-main{min-width:0}.surface{background:white;border:1px solid var(--line);border-radius:9px;box-shadow:0 2px 4px #162e2102;overflow:hidden}.canvas-toolbar{height:47px;border-bottom:1px solid var(--line);padding:0 15px;display:flex;align-items:center;justify-content:space-between;gap:10px;background:#fff;position:relative;z-index:2}.canvas-title{display:flex;align-items:center;gap:8px;font-size:12.8px;min-width:0}.canvas-title>.icon{width:14px;height:14px;color:#82938c}.canvas-title>strong{font-weight:550;white-space:nowrap}.count-badge{display:inline-block;border:1px solid #e7ece9;border-radius:4px;background:#fafbf9;padding:2px 5px;font-family:var(--mono);font-size:9px;font-weight:400;color:#8e9e91;white-space:nowrap}.add-node .icon:last-child{width:10px;height:10px;margin-left:3px}.diagram-canvas{position:relative;height:448px;overflow:hidden;background-color:#fcfdfc;background-image:radial-gradient(#dbe5df .8px,transparent .8px);background-size:17px 17px;cursor:grab}.diagram-canvas.is-dragging{cursor:grabbing}.canvas-kicker{display:flex;align-items:center;gap:6px;font-size:8.3px;letter-spacing:1px;color:#9faca3;position:absolute;z-index:2;left:17px;top:16px;pointer-events:none}.legend-line{width:14px;height:1px;background:#9db1a6}.legend-dash{width:14px;border-top:1px dashed #b8a9c7;margin-left:8px}.diagram-world{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.diagram-lines{position:absolute;left:0;top:0;overflow:visible;pointer-events:none}.connection{stroke:#c9d6ce;stroke-width:1.3;fill:none;stroke-linecap:round;stroke-linejoin:round}.connection.active{stroke:#78ac95;stroke-width:1.6}.connection-port{fill:#ecf3ef;stroke:#b9cebf;stroke-width:1}.connection-port.active{fill:#eff8f2;stroke:#76a98e}.location-node{position:absolute;width:182px;height:84px;border:1px solid #dce6df;border-radius:7px;background:white;padding:10px 12px;cursor:pointer;box-shadow:0 3px 7px #284d3010;user-select:none;transition:border-color .16s,box-shadow .16s;outline-offset:4px}.location-node:hover{border-color:#8fbba4;box-shadow:0 3px 10px #284d3020}.location-node.is-selected{border-color:#3c9b7c;box-shadow:0 0 0 3px #dcf0e5,0 4px 8px #284d3010}.location-node.is-selected:after{content:'';position:absolute;width:5px;height:5px;background:white;border:1px solid #318967;bottom:-3px;left:calc(50% - 3px);border-radius:100%}.node-top{display:flex;align-items:center;gap:6px;line-height:1}.node-type-icon{display:grid;place-items:center;color:#7a9b8b}.node-type-icon .icon{width:12px;height:12px}.node-type-icon.country{color:#7399b5}.node-type-icon.building{color:#9d8bb9}.node-type-icon.room{color:#9c9683}.node-type{font-family:var(--mono);font-size:9px;text-transform:uppercase;letter-spacing:.8px;color:#99a89f}.node-top>.status-dot{margin-left:auto;width:5px;height:5px}.node-title{font-size:13.7px;letter-spacing:-.15px;font-weight:600;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-meta{font-size:10.2px;margin-top:6px;display:flex;align-items:center;justify-content:space-between;color:#6c8e7b}.node-meta>span>span{font-size:9.6px;color:#a2aca5}.node-children{font-size:9px;color:#a6afa9}.node-model-links{position:absolute;left:0;right:0;top:94px}.node-model-links:before{content:'';position:absolute;top:-10px;left:50%;height:10px;border-left:1px dashed #baa8cf}.model-link-chip{display:flex;align-items:center;gap:5px;padding:4px 7px;min-height:23px;border:1px dashed #cdbfdd;border-radius:5px;background:#fcfaff;color:#9580ac;font-size:9.6px;text-align:left;width:100%;white-space:nowrap;margin-bottom:4px}.model-link-chip>.icon{width:10px;height:10px}.model-link-chip>.icon:last-child{width:9px;height:9px;margin-left:auto;color:#b6a7c7}.model-link-chip>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-link-chip:hover,.model-link-chip.is-selected{color:#78618e;border-color:#9478b4;background:#f2eaf9}.location-node[data-id="loc-bangkok"] .node-model-links{left:calc(100% + 25px);right:auto;top:18px;width:140px}.location-node[data-id="loc-bangkok"] .node-model-links:before{left:-25px;top:11px;width:25px;height:0;border:0;border-top:1px dashed #baa8cf}.canvas-bottom{display:flex;position:absolute;bottom:12px;left:15px;right:12px;align-items:center;justify-content:space-between;pointer-events:none}.canvas-hint{font-size:9.6px;color:#9ca99f;display:flex;align-items:center;gap:5px}.canvas-hint .icon{width:11px;height:11px}.zoom-controls{display:flex;align-items:center;background:white;border:1px solid #e2e9e3;border-radius:5px;box-shadow:0 2px 3px #28372a05;height:28px;pointer-events:auto;color:#8d9b91}.zoom-controls button{width:25px;height:26px;padding:0;display:grid;place-items:center;border-radius:4px}.zoom-controls button:hover{background:#eef5ef;color:#4b9173}.zoom-controls .icon{width:12px;height:12px}.zoom-controls>span{font-family:var(--mono);font-size:9px;width:34px;text-align:center}.zoom-controls>i{height:13px;width:1px;background:#e9eee9}.canvas-legend{height:34px;display:flex;align-items:center;gap:13px;padding:0 15px;border-top:1px solid var(--line);font-size:9.6px;color:#96a097}.legend-item{display:flex;align-items:center;gap:5px;white-space:nowrap}.legend-item>.status-dot{width:4px;height:4px}.legend-right{margin-left:auto;font-size:9px;color:#a4ada5;display:flex;align-items:center;gap:5px}.legend-right .icon{width:10px;height:10px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:100%;background:#b7bfc0;flex-shrink:0}.status-dot.healthy,.live-dot{background:#6eae8d}.status-dot.warning{background:#d7b273}.status-dot.critical{background:#d78e83}.status-dot.unknown{background:#afb7b9}.status-badge{display:inline-flex;align-items:center;gap:4px;border-radius:4px;font-size:9.6px;white-space:nowrap;line-height:1;padding:4px 5px;background:#f2f5f3;color:#9ba8a0}.status-badge>i{width:3.5px;height:3.5px;border-radius:100%;background:currentColor}.status-badge.healthy{color:#6e9e81;background:#eff7f0}.status-badge.warning{color:#bc9759;background:#faf5e9}.status-badge.critical{color:#ca8379;background:#fbefec}.status-badge.unknown{color:#929da4;background:#f2f4f5}.inspector-label{display:flex;justify-content:space-between;font-size:9px;font-weight:550;letter-spacing:1.3px;color:#a0aaa5;padding:15px 17px 0}.inspector-label>span{font-size:7.7px;letter-spacing:.7px;display:flex;align-items:center;gap:5px;color:#9bab9e}.live-dot{height:4px;width:4px;border-radius:100%}.inspector-header{display:flex;align-items:center;gap:10px;padding:19px 17px 0}.entity-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:9px;flex-shrink:0}.entity-icon .icon{width:20px;height:20px}.entity-kind{color:#a0aaa4;font-size:10.2px}.inspector-header h2{font-size:16px;font-weight:550;letter-spacing:-.4px;margin-top:4px;line-height:1.2;overflow-wrap:anywhere}.inspector-header>.icon-button{margin-left:auto;width:22px;height:26px}.inspector-header>.icon-button .icon{width:13px;height:13px}.entity-description{font-size:10.9px;color:#9ea7a3;line-height:1.8;padding:11px 17px 4px;overflow-wrap:anywhere}.entity-id{padding:0 17px 15px;display:flex;align-items:center;gap:2px}.entity-id code{font-family:var(--mono);font-size:9.6px;color:#97a39c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:155px}.entity-id>.icon-button{width:20px;height:22px;margin-left:2px}.entity-id>.icon-button .icon{width:10px;height:10px}.entity-id>.status-badge{margin-left:auto}.inspector-tabs{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line);height:40px;padding:0 17px;gap:21px}.inspector-tabs button{display:flex;align-items:center;gap:5px;color:#9ba69f;font-size:10.9px;position:relative;padding:0}.inspector-tabs .icon{width:12px;height:12px}.inspector-tabs button.active{color:var(--teal)}.inspector-tabs button.active:after{position:absolute;content:'';height:2px;bottom:-1px;left:0;right:0;background:var(--teal)}.view-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 17px 0;font-size:11.5px}.view-heading strong{font-weight:550}.view-heading>span{font-size:9px;color:#a9b1ab;display:flex;align-items:center;gap:4px}.view-heading>span .icon{width:10px;height:10px}.section-description{font-size:10.2px;line-height:1.8;color:#a3aca5;padding:6px 17px 11px}.view-list{padding:0 12px 14px;display:flex;flex-direction:column;gap:3px}.metric-row{display:flex;align-items:center;border:1px solid transparent;border-radius:5px;min-height:32px}.metric-row.active{border-color:#dbeae1;background:#f4f9f6}.metric-row:hover{background:#f5f8f5}.metric-select{flex:1;min-width:0;display:flex;align-items:center;gap:7px;text-align:left;padding:5px 6px;font-size:10.9px}.metric-select>span:nth-child(2){flex:1}.metric-indicator{width:20px;height:20px;display:grid;place-items:center;flex-shrink:0;border-radius:5px;background:transparent}.metric-indicator .icon{width:11px;height:11px}.metric-value{font-size:12.8px;font-weight:550;font-family:var(--mono);margin-right:7px;color:#8a9f91}.metric-value.warning,.warning{color:#bd9759}.metric-value.critical,.critical{color:#ce8177}.metric-value.unknown,.unknown{color:#9ba6aa}.hover-checkbox{display:flex;width:25px;height:26px;align-items:center;cursor:pointer;position:relative}.hover-checkbox input{position:absolute;opacity:0;width:15px;height:15px;cursor:pointer}.hover-checkbox>span{width:13px;height:13px;border:1px solid #dce7df;background:white;border-radius:3px;display:grid;place-items:center;pointer-events:none}.hover-checkbox input:checked+span{background:#52977a;border-color:#52977a;color:#fff}.hover-checkbox input:focus-visible+span{outline:2px solid var(--teal);outline-offset:2px}.hover-checkbox>span .icon{display:none;width:9px;height:9px;stroke-width:2}.hover-checkbox input:checked+span .icon{display:block}.metric-config{border-top:1px solid var(--line);padding:15px 17px 17px}.config-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;font-size:8.3px;font-weight:600;letter-spacing:1px;color:#a0aea3}.config-title>span:first-child{display:flex;align-items:center;gap:5px}.config-title .icon{width:10px;height:10px}.metric-id{letter-spacing:0;font-family:var(--mono);font-size:9px;background:#f5f7f4;border:1px solid #e9ede7;padding:1px 4px;border-radius:3px}.field-label{display:block;font-size:10.9px;color:#7e8b82;font-weight:500;margin-bottom:7px}.field-label-row{display:flex;align-items:center;justify-content:space-between;margin-top:15px}.field-label-row>span{font-size:8.3px;color:#a2afa5;font-weight:400;letter-spacing:.1px}.field-label-row .icon{width:10px;height:10px}.text-link{padding:0;color:#9faf9f}.input{border:1px solid #e1e9e2;border-radius:5px;height:32px;line-height:1.5;width:100%;padding:6px 9px;background:white;color:#6b7b70;font-size:11.5px;min-width:0}.input::placeholder{color:#b5beb6}.input:disabled{background:#f5f7f4;color:#a6afa5}select.input{padding-right:20px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10'%3E%3Cpath d='m2 4 3 3 3-3' stroke='%2395a393' fill='none' stroke-width='1.3'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;appearance:none}.source-options{border:1px solid #e4ebe4;border-radius:5px;overflow:hidden}.source-option{display:flex;align-items:center;gap:8px;padding:9px 8px;border-bottom:1px solid #edf1eb;cursor:pointer;background:#fdfefd}.source-option:last-child{border-bottom:0}.source-option:hover{background:#f5faf4}.source-option input,.card-checkbox input{accent-color:#52977a;cursor:pointer;width:11px;height:11px;margin:0;flex-shrink:0}.source-content{flex:1;min-width:0}.source-content>strong{display:flex;align-items:center;gap:4px;font-size:10.2px;font-weight:500;color:#7b8c7d;line-height:1.3}.source-content>strong .icon{width:10px;height:10px;color:#99a999}.source-content>small{display:block;font-size:8.3px;color:#afbaad;margin:5px 0 0 14px}.source-status{display:inline-block;width:3px;height:3px;margin:0 0 1px 5px;border-radius:100%;background:currentColor}.source-value{font-family:var(--mono);font-size:12.8px;font-weight:500;color:#9b9b79}.source-note{display:flex;align-items:center;gap:4px;font-size:8.3px;color:#a4b1a5;margin:7px 0 0}.source-note .icon{width:9px;height:9px}.empty-source{font-size:10.2px;line-height:1.8;padding:10px;color:#a2aca1}.threshold-label{margin-top:16px}.threshold-inputs{display:grid;grid-template-columns:1fr 1fr;gap:9px}.threshold-inputs>label>span{display:flex;align-items:center;gap:5px;font-size:9.6px;color:#9ba699;margin-bottom:6px}.threshold-inputs .status-dot{height:4px;width:4px}.threshold-inputs .input{height:30px;font-family:var(--mono);font-size:12.8px}.result-preview{display:flex;align-items:center;gap:8px;background:#f5f8f4;border:1px solid #e7eee2;border-radius:5px;padding:10px;margin-top:13px;color:#7c9d7d}.result-preview.warning{background:#fbf8ee;border-color:#f1e7c8;color:#b99b5c}.result-preview.critical{background:#fcf4ef;border-color:#f2ded6;color:#c58d74}.result-preview.unknown{background:#f5f6f6;border-color:#e6eaeb;color:#9faca9}.result-icon{display:grid;place-items:center}.result-icon .icon{width:16px;height:16px}.result-preview>div>span{font-size:8.3px;display:block;opacity:.75}.result-preview strong{font-size:12.8px;font-weight:550;display:flex;align-items:center;gap:7px;margin-top:4px}.result-preview strong small{font-size:8.3px;font-weight:400;opacity:.8}.result-samples{margin-left:auto;font-family:var(--mono);font-size:12.8px;text-align:center}.result-samples small{display:block;font-family:var(--font);font-size:7px;margin-top:2px;opacity:.65}.card-checkbox{display:flex;align-items:center;gap:6px;font-size:9px;color:#9aa99a;margin-top:13px;cursor:pointer}.inspector-footer{display:flex;align-items:center;justify-content:center;gap:5px;font-size:8.3px;color:#98ac9b;min-height:31px;background:#fbfdf9;border-top:1px solid var(--line)}.inspector-footer .icon{width:10px;height:10px}.source-field{display:flex;justify-content:space-between;align-items:center;border:1px solid #e7ece4;background:#fafcf8;border-radius:5px;padding:10px 8px;gap:5px}.source-field code{font-family:var(--mono);font-size:9px;color:#8aa180}.source-field>span{font-size:8.3px;color:#a9b5a4;white-space:nowrap}.condition-editor{margin-top:12px}.number-with-unit{position:relative}.number-with-unit>span{position:absolute;right:24px;top:9px;font-size:11.5px;color:#9dae99}.json-panel{margin-top:15px;border:1px solid #263a36;border-radius:8px;background:#192a28;overflow:hidden;box-shadow:0 2px 5px #0b1d1610}.json-toolbar{display:flex;justify-content:space-between;align-items:center;padding:0 13px;height:38px;background:#1d302d;border-bottom:1px solid #2d413b}.json-title{display:flex;align-items:center;gap:8px}.json-braces{font-family:var(--mono);font-size:12.8px;color:#7fa18f;letter-spacing:1px}.json-title strong{font-size:11.5px;font-weight:500;color:#d1ded5}.json-live{display:flex;align-items:center;gap:4px;font-size:6.4px;letter-spacing:.8px;color:#779b84;padding:3px 4px;border-radius:3px;background:#2a4136;margin-left:3px}.json-live>i{width:3px;height:3px;border-radius:100%;background:#7fb28c}.json-actions{display:flex;gap:1px}.json-actions>.icon-button{height:22px;width:23px;color:#759484}.json-actions>.icon-button:hover{background:#30483d;color:#b7d5c1}.json-actions .icon{height:11px;width:11px}.json-filebar{height:31px;background:#1b2d29;border-bottom:1px solid #2b4037;display:flex;align-items:center;justify-content:space-between;padding:0 12px;gap:10px}.json-scope-tabs{display:flex;align-items:stretch;height:100%;gap:13px}.json-scope-tabs>button{font-size:9px;color:#698575;display:flex;align-items:center;gap:5px;padding:0;position:relative}.json-scope-tabs>button.active{color:#b1cbb5}.json-scope-tabs>button.active:after{content:'';position:absolute;bottom:-1px;height:1px;background:#7eab8b;left:0;right:0}.json-scope-tabs .icon{height:10px;width:10px}.json-filename{font-size:7.7px;font-family:var(--mono);color:#6f8776;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.json-code{height:213px;overflow:auto;scrollbar-color:#375344 transparent;scrollbar-width:thin;padding:12px 0 15px;font-family:var(--mono);font-size:10.2px;line-height:1.85;color:#8fada0;tab-size:2}.code-line{display:flex;white-space:pre;min-height:15px;width:max-content;min-width:100%;padding-right:16px}.code-line:hover{background:#24382f}.line-number{display:inline-block;text-align:right;width:36px;min-width:36px;margin-right:15px;user-select:none;font-size:9px;color:#4e6c5b}.code-line code{font-family:inherit}.json-key{color:#9dbdad}.json-string{color:#b2c48b}.json-number{color:#d2b48a}.json-literal{color:#b199bb}.json-ref{padding:0;font-family:inherit;font-size:inherit;line-height:inherit;color:#95c1ca;vertical-align:baseline;border-bottom:1px dotted #5c857d;border-radius:0}.json-ref:hover{color:#bdebf0;background:#365347}.json-footer{display:flex;align-items:center;justify-content:space-between;height:25px;padding:0 13px;border-top:1px solid #2b4135;background:#1c3029;color:#66836b;font-size:7.7px}.json-footer>span{display:flex;align-items:center;gap:4px}.json-footer>span>i{height:3px;width:3px;background:#6f9d79;border-radius:100%}.json-footer-divider{margin:0 3px;color:#45634e}.show-json-bar{border:1px solid #dde9e1;border-radius:6px;background:#edf4ef;display:flex;align-items:center;gap:7px;width:100%;margin-top:15px;padding:11px 14px;color:#7a9981;font-size:10.2px}.show-json-bar>.icon{width:13px;height:13px}.show-json-bar>.icon:last-child{margin-left:auto}.canvas-note{display:flex;align-items:center;gap:7px;padding:13px 3px 0;font-size:9.6px;line-height:1.9;color:#a5b1a6}.canvas-note>.icon{width:12px;height:12px;color:#9aafa0}.canvas-note strong{font-weight:500;color:#8d9e91;margin-right:4px}.page-footer{display:flex;justify-content:space-between;align-items:center;padding:22px 0 17px;color:#b2bcb4;font-size:9px;gap:10px}.page-footer>span{display:flex;align-items:center;gap:7px}.page-footer>span:first-child{font-size:8.3px;letter-spacing:.3px}.page-footer i{width:2px;height:2px;border-radius:100%;background:#bec7bd;margin:0 1px}.page-footer .icon{width:8px;height:8px;color:#a1b8a7}.node-tooltip{position:fixed;z-index:60;background:white;border:1px solid #e3ece5;border-radius:9px;width:258px;padding:14px;box-shadow:0 10px 40px #173e2d25;pointer-events:none}.node-tooltip[hidden]{display:none}.tooltip-heading{display:flex;align-items:center;gap:6px;padding-bottom:12px;border-bottom:1px solid #eef2ed}.tooltip-heading>.icon{height:14px;width:14px;color:#809c85}.tooltip-heading>strong{font-size:12.8px;font-weight:550;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.tooltip-heading>.status-badge{margin-left:auto;font-size:7.7px}.tooltip-subtitle{display:block;font-size:7.7px;letter-spacing:1px;color:#abb7aa;margin:12px 0 9px}.tooltip-metric{display:flex;justify-content:space-between;align-items:center;padding:6px 0;font-size:11.5px;color:#95a28f}.tooltip-metric>strong{font-family:var(--mono);font-size:12.5px;font-weight:500;color:#6b976e}.tooltip-metric>strong.warning{color:#ba9d60}.tooltip-metric>strong.critical{color:#c78e79}.tooltip-footer{display:flex;align-items:center;gap:5px;font-size:9px;color:#a7b4a1;border-top:1px solid #eef2ec;padding-top:11px;margin-top:8px}.tooltip-footer .icon{width:10px;height:10px}.tooltip-empty{font-size:11.5px;color:#a5afa2;padding:8px 0 14px}.links-section{padding-bottom:20px;min-height:480px}.links-section .full-width{width:calc(100% - 34px);margin:12px 17px 0}.linked-model{display:flex;align-items:center;gap:8px;padding:11px 0;margin:0 17px;border-bottom:1px solid var(--line)}.model-icon{height:30px;width:30px;border-radius:8px;display:grid;place-items:center;flex-shrink:0}.model-icon .icon{height:16px;width:16px}.linked-model>button:first-of-type{padding:0;text-align:left;flex:1;min-width:0}.linked-model strong{font-size:11.5px;display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.linked-model small{display:block;font-size:9px;color:#9eac9c;margin-top:4px}.linked-model .icon-button{width:20px;height:20px}.linked-model .icon-button .icon{width:11px;height:11px}.info-callout{display:flex;align-items:flex-start;gap:7px;background:#f4f8f1;border:1px solid #e5ecdf;border-radius:6px;padding:12px;color:#92a38a;font-size:11.5px;line-height:1.9}.info-callout>.icon{height:13px;width:13px;margin-top:2px}.links-section .info-callout{margin:16px 17px 0;padding:10px;font-size:9.6px}.info-callout p{flex:1}.location-parent-heading{margin-top:12px}.hierarchy-detail{margin:0 17px;padding:12px 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1e9;font-size:10.2px;color:#a1ad9d}.hierarchy-detail strong{font-weight:500;color:#809778}.hierarchy-detail>button{padding:0;display:flex;align-items:center;gap:5px;font-size:10.2px;color:#6f9872}.hierarchy-detail>button .icon{width:11px;height:11px}.source-device{display:flex;align-items:center;gap:8px;margin:0 17px;padding:11px 0;border-bottom:1px solid #edf0e9}.source-device>.icon{width:14px;height:14px;color:#a1b096}.source-device>span:nth-child(2){flex:1}.source-device strong{font-size:10.2px;font-weight:500;color:#8a9b80;display:block}.source-device small{display:block;font-size:9px;font-family:var(--mono);color:#a8b3a0;margin-top:3px}.links-section>.source-option{margin:0 17px;border:1px solid #e8eddf}.linked-location{display:flex;align-items:center;gap:6px;padding:12px 0;margin:0 17px;border-bottom:1px solid #edf1e9;width:calc(100% - 34px);font-size:11.5px;color:#84a078}.linked-location .icon{width:12px;height:12px}.linked-location .icon:last-child{margin-left:auto}.table-filters{padding:13px;display:flex;align-items:center;gap:7px;border-bottom:1px solid #edf1e9}.search-field{position:relative;display:flex;align-items:center;flex:1;min-width:100px}.search-field>.icon{position:absolute;left:9px;height:12px;width:12px;color:#a1af9c}.search-field>input{border:1px solid #e3e9df;border-radius:5px;background:#fcfdfb;height:30px;width:100%;padding:0 7px 0 28px;font-size:10.2px;color:#83967b;min-width:0}.search-field>input::placeholder{color:#acb7a5}.table-filters>select{max-width:88px;font-size:9.6px;height:30px}.device-table-scroll{overflow:auto;max-height:480px;min-height:343px}.device-table{border-collapse:collapse;width:100%;text-align:left;font-size:10.2px;white-space:nowrap}.device-table th{color:#b1bca8;font-weight:500;letter-spacing:.7px;font-size:7.7px;padding:12px 9px;border-bottom:1px solid #edf1e9;background:#fcfdfb;position:sticky;top:0;z-index:1}.device-table th:first-child{padding-left:16px}.device-table td{padding:10px 9px;border-bottom:1px solid #edf1e9;color:#93a388}.device-table tr:last-child td{border-bottom:0}.device-table tbody tr:hover{background:#fafcf7}.device-table td:first-child{padding-left:15px}.device-table .status-badge{font-size:7.7px}.device-table td:last-child{padding-left:2px;padding-right:7px}.device-table .icon-button{width:20px;height:23px}.device-table .icon-button>.icon{width:10px;height:10px}.device-name{display:flex;align-items:center;gap:8px}.device-name>.icon{width:13px;height:13px;color:#9cab8e}.device-name strong{display:block;font-size:9.6px;font-weight:550;color:#849875}.device-name small{display:block;font-size:7.7px;font-family:var(--mono);color:#b0bba5;margin-top:4px}.type-tag{border:1px solid #e6ece0;border-radius:3px;font-size:7.7px;padding:2px 4px;color:#a4b299;background:#fbfcf9}.util-cell{width:35px;font-family:var(--mono);font-size:9px;color:#97ad86}.util-cell>div{height:2px;background:#eff3e9;border-radius:2px;overflow:hidden;margin-top:5px;width:100%}.util-cell i{height:2px;background:#a1bc8e;display:block;border-radius:2px}.util-cell.high{color:#c2a267}.util-cell.high i{background:#c9af78}.table-footer{height:34px;border-top:1px solid #e9eee3;padding:0 14px;font-size:7.7px;color:#a7b59d;display:flex;align-items:center;justify-content:space-between;gap:10px}.library-intro{padding:24px 21px 16px}.library-intro .eyebrow,.schema-content .eyebrow{font-size:7.7px;color:#a6b29d;margin-bottom:7px}.library-intro h3,.schema-content h3{font-size:17px;font-weight:550;letter-spacing:-.5px;color:#6a8464}.library-intro p{font-size:10.2px;line-height:1.9;color:#a0ae96;margin-top:7px}.library-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:0 18px 20px}.model-card{display:block;width:100%;text-align:left;border:1px solid #e5ece0;border-radius:7px;background:white;padding:13px;overflow:hidden}.model-card:hover,.model-card.selected{border-color:#9dbea0;background:#fcfdf9;box-shadow:0 0 0 2px #eff6e9}.model-card>div:first-child{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.model-card-type{font-family:var(--mono);font-size:7.7px;letter-spacing:.8px;color:#b0baa3;text-transform:uppercase}.model-card h3{font-size:12.5px;font-weight:550;letter-spacing:-.2px;color:#78926c;margin:6px 0}.model-card p{font-size:8.3px;color:#a8b79c;line-height:1.6}.model-card-values{display:flex;gap:20px;margin:17px 0 14px}.model-card-values>span{font-size:7.7px;color:#a9b99d}.model-card-values strong{font-family:var(--mono);font-size:15px;font-weight:500;color:#7b9a6f;display:block;margin-bottom:5px}.model-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf2e5;padding-top:10px;font-size:7px;color:#b0bfa2;gap:4px}.model-card-footer>span:last-child{display:flex;align-items:center;gap:3px;color:#8baa7d}.model-card-footer .icon{height:8px;width:8px}.schema-content{padding:22px 22px 25px;max-height:572px;overflow:auto;scrollbar-width:thin;scrollbar-color:#dce6d4 transparent}.schema-lead{font-size:10.2px;color:#a6b59b;line-height:1.9;margin-top:7px}.contract-diagram{display:flex;flex-direction:column;align-items:center;margin:24px auto 20px;max-width:440px}.contract-box{border:1px solid #dce9d3;background:#fcfef8;border-radius:6px;padding:9px 12px;width:80%;text-align:center}.contract-box>span{display:flex;align-items:center;justify-content:center;gap:5px;font-size:12.8px;font-weight:500;color:#7c9d68}.contract-box .icon{width:13px;height:13px}.contract-box>code{display:block;margin-top:6px;color:#a1b78b;font-family:var(--mono);font-size:9px}.contract-box>small{display:block;font-size:7.7px;color:#b6c5a2;margin-top:5px}.contract-junction{border-style:dashed;background:#fffdf5;border-color:#e7dec1}.contract-junction>span{color:#b7a36f}.contract-junction>code{color:#bcaf8a}.contract-junction>small{color:#c6bc9a}.contract-arrow{display:block;font-family:var(--mono);font-size:9px;color:#b0c29c;margin:6px 0}.contract-box.purple-border{border-color:#e2d7ec;background:#fefbff}.contract-box.purple-border>span{color:#ac96bd}.contract-box.purple-border>code{color:#b7a3c7}.contract-box.purple-border>small{color:#c5b7d0}.contract-split{width:100%;display:flex;gap:12px;justify-content:center;text-align:center}.contract-split>div{width:50%}.contract-split .contract-box{width:100%}.contract-split .contract-box>span{font-size:11.5px}.contract-split .contract-box>code{font-size:7px}.schema-principles{border-top:1px solid #edf2e7;padding-top:4px}.schema-principles>div{display:flex;gap:12px;padding-top:15px}.schema-principles>div>span{font-family:var(--mono);font-size:11.5px;color:#bdcdb0}.schema-principles p{font-size:10.2px;line-height:1.9;color:#aaba9b}.schema-principles strong{display:block;font-size:11.5px;font-weight:550;color:#8da57b;margin-bottom:3px}.schema-metric-title{font-size:7.7px;letter-spacing:1px;color:#aabc9b;margin:24px 0 12px}.dictionary-table{border-collapse:collapse;width:100%;font-size:9px;color:#9db38c;text-align:left}.dictionary-table th{font-size:7.7px;font-weight:400;color:#b1c3a1;padding:7px;background:#fafcf6;border:1px solid #e9efdf}.dictionary-table td{border:1px solid #e9efdf;padding:9px 7px}.dictionary-table code{font-family:var(--mono);font-size:9px}.empty-state{padding:25px;text-align:center;color:#a8b19e;font-size:11.5px;line-height:1.8}#toast{position:fixed;bottom:25px;left:calc(50% + 100px);transform:translate(-50%,20px);border-radius:7px;background:#253f30;box-shadow:0 5px 30px #152d2333;padding:12px 18px;color:#e4f1d8;font-size:12.5px;opacity:0;pointer-events:none;z-index:100;max-width:calc(100vw - 32px);line-height:1.8;transition:opacity .2s,transform .2s}#toast.show{opacity:1;transform:translate(-50%,0)}dialog{border:1px solid #dde8d5;border-radius:12px;padding:0;width:500px;max-width:calc(100vw - 32px);max-height:calc(100dvh - 40px);box-shadow:0 25px 100px #0d281f30;color:var(--ink);font-family:var(--font)}dialog::backdrop{background:#11292055;backdrop-filter:blur(3px)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:25px 26px 0}.modal-header h2{font-size:22px;font-weight:550;letter-spacing:-.7px}.modal-header .eyebrow{font-size:9px;color:#91a685}.modal-header .icon-button{align-self:flex-start}.modal-subtitle{font-size:12.8px;color:#98ab8e;padding:12px 26px 0;line-height:1.9}.modal-content{padding:23px 26px}.modal-footer{padding:16px 26px;display:flex;justify-content:flex-end;gap:9px;border-top:1px solid #e8eedf;background:#fafcf7}.modal-footer .button{font-size:12.8px}.modal-content .input{height:37px;font-size:12.5px;color:#799167;border-color:#dce7d3}.form-field{display:flex;flex-direction:column;gap:8px;font-size:12.8px;color:#8fa57e;margin-bottom:17px}.form-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-columns.three{grid-template-columns:repeat(3,1fr)}.modal-content .info-callout{margin-top:5px;font-size:11.5px}.guide-steps>div{display:flex;gap:13px;margin-bottom:20px}.guide-steps>div>span{background:#f0f6e9;border:1px solid #e3ecd7;color:#96b17c;border-radius:6px;height:27px;width:27px;display:grid;place-items:center;font-family:var(--mono);font-size:11.5px;flex-shrink:0}.guide-steps p{font-size:12.8px;line-height:1.9;color:#9cb38c}.guide-steps strong{display:block;font-size:12.5px;color:#7f9a69;font-weight:550;margin-bottom:5px}.guide-note{background:#f7faf2;border-radius:6px;border:1px solid #e7eedb;font-size:11.5px;line-height:1.9;color:#a2b68f;padding:12px}.guide-note strong{font-weight:500;color:#8ca574}.aggregation-guide p{font-size:12.8px;line-height:1.9;color:#a6ba96;margin-bottom:15px}.aggregation-guide strong{display:block;font-family:var(--mono);font-size:12.8px;font-weight:500;color:#8aa772;margin-bottom:3px}.add-choices{display:flex;flex-direction:column;gap:10px}.add-choices>button{display:flex;align-items:center;gap:13px;border:1px solid #e0e9d5;border-radius:7px;padding:16px;text-align:left;color:#9fb889}.add-choices>button:hover{background:#f7faef;border-color:#b7cba3}.add-choices>button>.icon:first-child{width:23px;height:23px}.add-choices>button>span{flex:1}.add-choices strong{display:block;font-size:13.7px;font-weight:500;color:#8fa875}.add-choices small{display:block;font-size:11.5px;color:#b0c09d;margin-top:5px}
@media(min-width:1600px){.sidebar{width:246px;padding-left:20px;padding-right:20px}.main{margin-left:246px}.page-content{padding:32px 40px 0}.topbar{padding:0 40px}.editor-layout{grid-template-columns:minmax(0,1fr) 348px;gap:23px}.diagram-canvas{height:494px}.stat-card{min-height:92px}.stat-label{font-size:12.8px}.stat-number>span{font-size:11.5px}.inspector{font-size:14px}.metric-select{font-size:11.5px}.inspector-header h2{font-size:18px}.source-content>strong{font-size:11.5px}.field-label{font-size:11.5px}.input{font-size:12.8px}.json-code{height:220px;font-size:11.5px}.page-heading p{font-size:13.7px}.json-filename{font-size:9px}.stat-number{font-size:29px}.sidebar .tree-label>span{font-size:12.5px}.tree-row{min-height:34px}.tree-model{font-size:11.5px}.sidebar .nav-item{font-size:13.7px}.sidebar .help-card p{font-size:12.8px}.sidebar .help-card strong{font-size:12.5px}}
@media(max-width:1200px){.sidebar{width:200px;padding-left:12px;padding-right:12px}.main{margin-left:200px}.brand{font-size:20px;gap:8px;padding-left:4px}.brand-mark{width:32px;height:32px}.brand small{font-size:8.2px}.page-content{padding:24px 23px 0}.topbar{padding:0 23px}.editor-layout{grid-template-columns:minmax(0,1fr) 288px;gap:14px}.stat-card{gap:9px;padding:13px 11px;min-height:75px}.stat-icon{height:29px;width:29px;border-radius:7px}.stat-number{font-size:23px;gap:6px;flex-wrap:wrap;line-height:1.1}.stat-number>span{font-size:7.7px}.stat-label{font-size:10.2px}.stats{gap:10px}.page-heading h1{font-size:24px}.page-heading p{font-size:11.5px}.heading-actions{gap:7px}.heading-actions .button{font-size:11.5px;padding:0 9px;height:32px}.diagram-canvas{height:428px}.legend-right{display:none}.canvas-title{font-size:11.5px;gap:6px}.canvas-title>.icon{width:12px;height:12px}.canvas-toolbar{padding:0 12px}.canvas-kicker{font-size:7px}.canvas-hint{font-size:7.7px}.zoom-controls{height:26px}.zoom-controls button{width:22px;height:24px}.zoom-controls>span{width:29px}.json-filename{max-width:135px}.canvas-note{font-size:8.3px}.inspector-header{padding-left:15px;padding-right:15px}.inspector-header h2{font-size:15px}.entity-description,.entity-id{padding-left:15px;padding-right:15px}.inspector-tabs{padding-left:15px;gap:18px}.metric-config{padding-left:15px;padding-right:15px}.stat-card .tiny-live-dot{right:8px;top:9px}.tree-label>span{font-size:11.5px}.tree-model{font-size:9.6px}.help-card{padding:13px 10px}.help-card strong{font-size:11.5px}.help-card p{font-size:10.2px}.help-card button{font-size:10.2px}.nav-item{font-size:12px}.location-tree{margin-right:-8px}}
@media(max-width:1020px){.sidebar{width:182px;padding-left:10px;padding-right:10px}.main{margin-left:182px}.brand{font-size:18px;gap:6px}.brand small{font-size:7px;letter-spacing:1.4px}.brand-mark{width:29px;height:29px;border-radius:8px}.brand-mark .icon{width:18px;height:18px}.workspace-switch{padding:10px 6px;gap:6px}.workspace-switch strong{font-size:11.5px}.workspace-switch small{font-size:9px}.workspace-icon{width:24px;height:24px}.sample-badge{font-size:7.7px;padding:2px}.page-content{padding:22px 17px 0}.topbar{padding:0 17px}.editor-layout{grid-template-columns:minmax(0,1fr) 265px;gap:11px}.stats{gap:8px}.stat-card{padding:12px 9px;gap:8px}.stat-icon{width:25px;height:25px}.stat-icon .icon{width:13px;height:13px}.stat-number{font-size:20px;display:block}.stat-number>span{display:block;font-size:7.7px;margin-top:4px}.stat-label{font-size:9px}.page-heading{align-items:flex-start}.page-heading h1{font-size:22px}.page-heading p{font-size:10.2px;max-width:280px;line-height:1.8}.page-heading .eyebrow{font-size:7.7px}.heading-actions{margin-top:15px}.heading-actions .secondary span{display:none}.heading-actions .button{height:30px;font-size:10.2px;padding:0 8px}.heading-actions .button .icon{width:12px;height:12px}.workspace-tabs{gap:16px}.workspace-tab{font-size:10.2px}.workspace-tab .icon{width:11px;height:11px}.sample-indicator{font-size:9px}.toolbar-actions{gap:10px}.canvas-title>.count-badge{display:none}.canvas-title{font-size:10.2px}.canvas-toolbar .button{font-size:9px;padding:0 6px;height:25px}.diagram-canvas{height:430px}.canvas-kicker{font-size:6.4px;letter-spacing:.8px;left:12px}.canvas-bottom{left:11px;right:10px}.canvas-hint{max-width:85px;font-size:7px;line-height:1.8}.canvas-hint .icon{display:none}.canvas-legend{font-size:7.7px;padding:0 11px;gap:11px}.inspector-label{padding:13px 13px 0;font-size:7.7px}.inspector-label>span{font-size:6.4px}.inspector-header{padding:15px 13px 0;gap:8px}.entity-icon{height:32px;width:32px}.entity-icon .icon{width:17px;height:17px}.inspector-header h2{font-size:14px}.entity-kind{font-size:9px}.entity-description{padding-left:13px;padding-right:13px;font-size:9.6px}.entity-id{padding-left:13px;padding-right:13px}.entity-id code{font-size:8.3px}.inspector-tabs{padding:0 13px;gap:17px}.inspector-tabs button{font-size:9.6px}.view-heading{padding-left:13px;padding-right:13px;font-size:10.2px}.section-description{padding-left:13px;padding-right:13px;font-size:9px}.metric-select{font-size:9.6px;gap:5px}.metric-value{font-size:11.5px;margin-right:4px}.metric-config{padding-left:13px;padding-right:13px}.source-content>strong{font-size:9px}.source-content>small{font-size:7px}.json-filebar{padding:0 10px}.json-filename{font-size:6.4px;max-width:100px}.json-title strong{font-size:10.2px}.json-scope-tabs{gap:11px}.json-scope-tabs>button{font-size:7.7px}.json-scope-tabs .icon{width:8px;height:8px}.json-live{font-size:5.1px}.json-code{font-size:9px}.json-code .line-number{width:25px;min-width:25px;margin-right:10px;font-size:7.7px}.canvas-note{font-size:7.7px}.library-grid{padding:0 12px 14px;gap:8px;grid-template-columns:1fr}.library-intro{padding:20px 14px 15px}.library-intro h3{font-size:15px}.library-intro p{font-size:9px}.schema-content{padding:20px 15px}.schema-content h3{font-size:15px}.schema-lead{font-size:9px}.contract-box{width:90%}.contract-split{gap:6px}.contract-split .contract-box{padding:8px}.contract-split .contract-box>code{font-size:5.8px}.sidebar-bottom{padding-top:17px}.help-card{margin-left:0;margin-right:0}.tree-row{padding-left:calc(1px + var(--depth)*9px)}.tree-model{padding-left:calc(19px + var(--depth)*9px)}.tree-label>span{font-size:10.2px}.tree-label{gap:5px}.tree-label>.icon{width:11px;height:11px}.tree-model{font-size:8.3px;gap:5px}.explorer-title{font-size:9px;padding-left:10px}.nav-item{font-size:11.5px;gap:9px}.nav-label{font-size:10.2px}.help-card strong{font-size:10.2px}.help-card p{font-size:9.6px}.workspace-footer{gap:7px}.workspace-footer strong{font-size:10.2px}.workspace-footer small{font-size:8.3px}.avatar{height:25px;width:25px;font-size:10.2px}.guide-button{font-size:11.5px}.topbar-right{gap:12px}.save-state{font-size:10.2px}.breadcrumb{font-size:11.5px;gap:10px}}
@media(max-width:800px){.sidebar{width:192px;transform:translateX(-100%);transition:transform .2s;box-shadow:5px 0 30px #172f2515}.sidebar.mobile-open{transform:translateX(0)}.main{margin-left:0}.mobile-menu{display:inline-flex;margin-left:-8px}.breadcrumb>.icon:first-of-type{display:none}.topbar{height:55px;padding:0 20px}.page-content{padding:23px 20px 0}.editor-layout{grid-template-columns:minmax(0,1fr) 280px;gap:13px}.page-heading h1{font-size:24px}.page-heading p{max-width:none;font-size:11.5px}.page-heading .eyebrow{font-size:9px}.heading-actions .button{height:32px;font-size:11.5px}.heading-actions .secondary span{display:inline}.stats{gap:10px}.stat-card{padding:14px 12px;gap:10px}.stat-label{font-size:10.2px}.stat-number{display:flex;gap:7px;font-size:23px}.stat-number>span{font-size:7.7px}.diagram-canvas{height:436px}.workspace-tab{font-size:11.5px}.inspector-header h2{font-size:15px}.metric-select{font-size:10.2px}.field-label{font-size:10.9px}.json-code{font-size:9px}.help-card{margin-top:10px}.tree-label>span{font-size:11.5px}.tree-model{font-size:9.6px}.canvas-note{font-size:8.3px}#toast{left:50%}.table-footer{font-size:7px}.page-footer{font-size:7.7px}.save-state{font-size:10.2px}.version{display:none}.topbar-divider{display:none}.topbar-right{gap:16px}}
@media(max-width:650px){.page-content{padding:20px 15px 0}.topbar{padding:0 16px}.breadcrumb{gap:8px;font-size:10.2px}.topbar-right{gap:9px}.save-state{font-size:9px}.guide-button{font-size:10.2px;gap:4px}.guide-button .icon{width:12px;height:12px}.page-heading{flex-wrap:wrap;gap:14px;margin-bottom:20px}.page-heading h1{font-size:25px}.page-heading p{font-size:11.5px;line-height:1.9}.heading-actions{margin:0}.heading-actions .button{height:32px;font-size:11.5px;padding:0 11px}.stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:18px}.stat-card{min-height:70px;padding:13px 12px;gap:10px}.stat-label{font-size:11.5px}.stat-number{font-size:24px;gap:8px;margin-top:5px}.stat-number>span{font-size:7.7px}.stat-icon{height:29px;width:29px}.stat-icon .icon{width:15px;height:15px}.editor-layout{grid-template-columns:1fr;gap:16px}.workspace-tabs{gap:15px}.workspace-tab{font-size:10.2px;gap:5px}.workspace-tab .icon{width:11px;height:11px}.sample-indicator{display:none}.toolbar-actions{gap:0}.button.json-active{font-size:10.2px;height:25px;padding:0 7px}.key-hint{display:none}.workspace-toolbar{margin-bottom:14px}.canvas-toolbar{height:45px;padding:0 13px}.canvas-title{font-size:11.5px}.canvas-title>.count-badge{display:inline-block}.canvas-toolbar .button{font-size:10.2px;height:27px}.diagram-canvas{height:415px}.canvas-kicker{font-size:7px}.canvas-hint{font-size:7.7px;max-width:none}.canvas-hint .icon{display:inline-block}.canvas-legend{font-size:8.3px;gap:16px}.legend-right{display:none}.json-code{height:220px;font-size:10.2px}.json-title strong{font-size:11.5px}.json-title{gap:7px}.json-live{font-size:6.4px}.json-scope-tabs>button{font-size:9px}.json-scope-tabs .icon{width:9px;height:9px}.json-filename{font-size:7.7px;max-width:125px}.json-toolbar{height:38px}.json-filebar{height:32px}.json-footer{font-size:7.7px}.canvas-note{font-size:9px;line-height:1.9;padding-top:11px}.inspector-label{font-size:10.2px;padding:17px 18px 0}.inspector-label>span{font-size:7.7px}.inspector-header{padding:20px 18px 0;gap:11px}.entity-icon{height:38px;width:38px}.entity-icon .icon{width:20px;height:20px}.inspector-header h2{font-size:19px}.entity-kind{font-size:11.5px}.entity-description{font-size:12.8px;padding:11px 18px 5px}.entity-id{padding:0 18px 16px}.entity-id code{font-size:11.5px;max-width:240px}.entity-id>.icon-button{width:25px}.entity-id .status-badge{font-size:10.2px}.inspector-tabs{padding:0 18px;gap:28px;height:44px}.inspector-tabs button{font-size:12.8px;gap:6px}.inspector-tabs .icon{width:14px;height:14px}.view-heading{padding:20px 18px 0;font-size:12.5px}.view-heading>span{font-size:10.2px}.section-description{padding:7px 18px 13px;font-size:11.5px}.view-list{padding:0 14px 17px;gap:4px}.metric-row{min-height:40px}.metric-select{font-size:12.5px;padding:7px 8px;gap:9px}.metric-indicator{height:24px;width:24px}.metric-indicator .icon{width:13px;height:13px}.metric-value{font-size:13.7px;margin-right:9px}.hover-checkbox{width:30px;height:30px}.hover-checkbox>span{width:15px;height:15px}.hover-checkbox input{width:17px;height:17px}.hover-checkbox>span .icon{width:10px;height:10px}.metric-config{padding:19px 18px 20px}.config-title{font-size:10.2px;margin-bottom:18px}.config-title .icon{width:12px;height:12px}.metric-id{font-size:11.5px}.field-label{font-size:12.8px;margin-bottom:8px}.field-label-row{margin-top:18px}.field-label-row>span{font-size:10.2px}.input{height:38px;font-size:12.5px;padding:7px 10px}.source-option{padding:12px 10px;gap:11px}.source-option input,.card-checkbox input{width:14px;height:14px}.source-content>strong{font-size:12.8px;gap:6px}.source-content>strong .icon{width:12px;height:12px}.source-content>small{font-size:10.2px;margin-top:6px;margin-left:18px}.source-value{font-size:14.8px}.source-note{font-size:10.2px;margin-top:10px}.source-note .icon{width:11px;height:11px}.threshold-inputs{gap:14px}.threshold-inputs>label>span{font-size:11.5px;margin-bottom:8px}.threshold-inputs .input{height:36px;font-size:13.7px}.result-preview{padding:13px;margin-top:17px;gap:11px}.result-icon .icon{width:19px;height:19px}.result-preview>div>span{font-size:10.2px}.result-preview strong{font-size:14.8px;gap:10px}.result-preview strong small{font-size:10.2px}.result-samples{font-size:14.8px}.result-samples small{font-size:9px}.card-checkbox{font-size:11.5px;margin-top:16px;gap:8px}.inspector-footer{font-size:10.2px;min-height:38px}.source-field{padding:13px}.source-field code{font-size:11.5px}.source-field>span{font-size:10.2px}.links-section{min-height:0}.linked-model,.source-device{padding:14px 0}.linked-model strong{font-size:12.5px}.linked-model small{font-size:11.5px}.links-section .full-width{height:36px;font-size:12.8px}.links-section .info-callout{font-size:11.5px;padding:13px}.hierarchy-detail{font-size:12.8px}.hierarchy-detail>button{font-size:12.8px}.source-device strong{font-size:12.8px}.source-device small{font-size:10.2px}.linked-location{font-size:12.5px}.source-device>.status-badge{font-size:10.2px}.source-device>.icon{height:16px;width:16px}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:0 13px 17px;gap:10px}.library-intro{padding:24px 16px 17px}.library-intro h3{font-size:17px}.library-intro p{font-size:10.2px}.model-card{padding:12px}.model-card h3{font-size:12.5px}.schema-content{max-height:none;padding:22px 18px}.schema-content h3{font-size:18px}.schema-lead{font-size:11.5px}.contract-box{width:85%}.contract-box>span{font-size:12.5px}.contract-box>code{font-size:9.6px}.contract-box>small{font-size:8.3px}.contract-split .contract-box>code{font-size:6.4px}.schema-principles strong{font-size:12.5px}.schema-principles p{font-size:11.5px}.dictionary-table{font-size:10.2px}.dictionary-table code{font-size:10.2px}.schema-metric-title{font-size:9px}.table-filters{padding:12px 10px;gap:6px}.search-field>input{font-size:10.2px}.table-filters>select{max-width:73px;font-size:9px}.device-table-scroll{max-height:520px}.table-footer{font-size:6.4px;gap:4px}.device-table td{padding:12px 7px}.page-footer{padding:22px 0 15px;flex-wrap:wrap;justify-content:center;gap:8px}.page-footer>span:first-child{font-size:7.7px}.node-tooltip{width:235px;padding:12px}.tooltip-heading>strong{font-size:11.5px}.tooltip-metric{font-size:11.5px}.modal-header{padding:22px 20px 0}.modal-subtitle{padding:12px 20px 0}.modal-content{padding:20px}.modal-footer{padding:15px 20px}.modal-header h2{font-size:21px}.form-columns{gap:10px}#toast{font-size:12.8px;bottom:17px;width:max-content;max-width:calc(100vw - 30px)}.sidebar-bottom{padding-top:24px}.tree-row{min-height:34px}.tree-label>span{font-size:12.8px}.tree-model{font-size:10.2px;min-height:29px}.nav-item{font-size:12.5px;height:40px}.nav-label,.explorer-title{font-size:10.2px}.workspace-footer strong{font-size:11.5px}.workspace-footer small{font-size:9px}.help-card strong{font-size:12.8px}.help-card p{font-size:10.2px}.help-card button{font-size:11.5px}}
/* Keep the prototype readable when shared on a screen during a design review. */
.page-content{padding-top:24px}.page-heading{margin-bottom:19px}.stats{margin-bottom:17px}.stat-card{min-height:78px}.workspace-toolbar{margin-bottom:16px}.page-heading p{color:#7f8c86}.eyebrow{color:#83958a}.stat-label{color:#7d8c84}.stat-number>span{color:#93a098}.nav-item{color:#6e7f75}.nav-label,.explorer-title{color:#84958a}.node-type{color:#81958a}.node-title{font-size:14px}.node-meta{font-size:10px}.node-meta>span>span{font-size:9px;color:#8c9e91}.node-meta .card-metric{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.node-meta .card-metric:last-child{margin-left:5px}.node-meta .card-metric.healthy{color:#658b71}.node-meta .card-metric.critical{color:#c07e70}.node-meta .card-metric.warning{color:#bd9759}.more-metrics{font-size:8px;color:#899d8e;margin-left:4px}.no-card-metrics{font-size:8px;color:#9baa9d}.model-link-chip{font-size:9px}.entity-kind{color:#8b9d8e}.entity-description{color:#8b9b8e}.entity-id code{color:#8c9e8e}.view-heading{color:#667e6b}.section-description{color:#8f9f90}.metric-select{color:#6b8171}.field-label{color:#718775}.field-label-row>span{color:#92a58f}.source-content>strong{color:#758e76}.source-content>small{color:#8fa28b}.source-note{color:#8ba184}.threshold-inputs>label>span{color:#8a9f80}.input{color:#617a65}.card-checkbox{color:#8ca27e}.config-title{color:#91a68a}.json-code{font-size:10px}.json-key{color:#aac8b8}.json-string{color:#becd97}.json-ref{color:#a5cfce}.json-filename{color:#849d89}.inspector{position:sticky;top:18px;max-height:calc(100dvh - 36px);overflow:auto;scrollbar-width:thin;scrollbar-color:#dce8d8 transparent}.canvas-note{color:#94a78e}.source-field code{color:#789567}.source-field>span{color:#93a786}.help-card p{color:#8b9e8d}.inspector-footer{color:#879e83}.table-footer{color:#91a283}.util-cell{color:#7f9d6c}.device-name strong{color:#738b66}.device-name small{color:#94a686}.type-tag{color:#8fa27d}.dictionary-table{color:#879f73}.dictionary-table th{color:#95ab83}.schema-content .schema-lead{color:#879d75}.schema-principles p{color:#8ba176}.schema-principles strong{color:#728d61}.library-intro p{color:#8a9e7a}.model-card p{color:#8da07c}.model-card-footer{color:#9eaf8a}.model-card-values>span{color:#8fa67b}.tooltip-metric{color:#7f9576}.tooltip-subtitle{color:#8fa383}.tooltip-footer{color:#8ca27f}.modal-subtitle{color:#829b73}.form-field{color:#759260}.guide-steps p{color:#809e6b}.guide-steps strong{color:#678b50}.guide-note{color:#8da674}.aggregation-guide p{color:#829f6d}.aggregation-guide strong{color:#6b904f}.add-choices small{color:#97ac81}.info-callout{color:#819871}
@media(min-width:1201px){.diagram-canvas{height:465px}.inspector{max-height:860px}.node-type{font-size:8.5px}.canvas-hint{font-size:9px}.canvas-kicker{font-size:8px}.canvas-legend{font-size:9px}.legend-right{font-size:8px}.model-link-chip{min-height:25px}.canvas-bottom{bottom:11px}.page-heading p{font-size:12px}}
@media(max-width:650px){.inspector{position:static;max-height:none}.page-content{padding-top:20px}.page-heading p{font-size:11px}.json-code{font-size:9px}.node-title{font-size:15px}.node-meta{font-size:10px}.node-meta>span>span{font-size:9px}.model-link-chip{font-size:9px}.canvas-hint{font-size:8px}.canvas-kicker{font-size:7px}.legend-right{display:none}.canvas-legend{font-size:8px}.table-footer{font-size:6.5px}.form-columns.three{gap:9px}}
.brand small{font-size:7.4px;white-space:nowrap}.workspace-switch small{font-size:9px;white-space:nowrap}.workspace-switch strong{font-size:11px}.inspector-tabs{gap:17px}.inspector-tabs button{font-size:10px;gap:4px}.inspector-tabs .icon{width:11px;height:11px}.inspector>.json-panel{margin:0;border-radius:0;border-left:0;border-right:0}.inspector .json-filename{display:none}.inspector .json-code{height:510px;font-size:9px}.inspector .json-scope-tabs{gap:13px}.inspector .json-scope-tabs>button{font-size:8px}.inspector .json-live{display:none}
@media(max-width:1200px){.brand small{font-size:6.4px}.workspace-switch small{font-size:8px}.workspace-switch strong{font-size:10px}.inspector-tabs{gap:14px}.inspector-tabs button{font-size:8px}}
@media(max-width:1020px){.brand small{font-size:5.5px}.workspace-switch small{font-size:7px}.workspace-switch strong{font-size:9px}.inspector-tabs{gap:13px}.inspector-tabs button{font-size:7.5px}}
@media(max-width:650px){.inspector-tabs{gap:24px}.inspector-tabs button{font-size:11px}.inspector-tabs .icon{width:14px;height:14px}.inspector .json-code{height:500px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}