#ontology{position:absolute;inset:76px 0 0;z-index:4;background:#111e26;color:#dce6eb;display:flex;flex-direction:column;font-size:12px}body[data-mode=ontology] #scene,body[data-mode=ontology] #labels,body[data-mode=ontology]>.left,body[data-mode=ontology]>.viewport-title,body[data-mode=ontology]>.scene-tools,body[data-mode=ontology]>.bottom,body[data-mode=ontology]>.map-key,body[data-mode=ontology]>.footfall-panel,body[data-mode=ontology]>.right{display:none!important}.ont-heading{display:flex;justify-content:space-between;align-items:center;padding:22px 25px;border-bottom:1px solid #2a3b44;background:#172630}.ont-heading .eyebrow{color:#819cab}.ont-heading h1{font-size:22px;font-weight:500;letter-spacing:-.5px;margin:7px 0}.ont-heading p{font-size:10px;color:#8ca3b0;margin:0}.ont-actions{display:flex;gap:10px;align-items:center}#ont-live{color:#73d8b8;font-size:8px;letter-spacing:1px;margin-right:10px}#ontology button{color:#c9dbe4;border:1px solid #3c505b;border-radius:5px;padding:9px 11px;font-size:10px;background:#21333e}#ontology button:hover{background:#304955}#ontology button:focus-visible,#ontology input:focus-visible{outline:2px solid #7fd9c0;outline-offset:2px}.ont-workspace{display:grid;grid-template-columns:205px minmax(200px,1fr) 290px;flex:1;min-height:0}.ont-left,.ont-right{padding:19px;overflow:auto;background:#172630}.ont-left{border-right:1px solid #2b3b45}.ont-right{border-left:1px solid #2b3b45}.ont-left>label,.ont-filter-title{font-size:9px;letter-spacing:1px;color:#8ba5b4}#ont-search{margin:10px 0 20px;width:100%;padding:10px;background:#101d26;border:1px solid #3b4f5c;border-radius:5px;color:#e4edf2;font-size:10px}.ont-filter-title{margin-bottom:12px}#ont-filters label{display:flex;gap:9px;align-items:center;font-size:10px;margin-bottom:12px;cursor:pointer}#ontology input[type=checkbox]{accent-color:#6ccfb1}#ont-filters i{width:8px;height:8px;border-radius:50%}.ont-left .ont-neighbour{display:flex;gap:6px;font-size:9px;line-height:1.5;letter-spacing:0;margin:18px 0}#ont-reset{width:100%}#ont-result-count{font-size:9px;color:#7894a4;margin:22px 0 8px}#ont-results{display:flex;flex-direction:column;gap:3px}#ont-results button{text-align:left!important;border:0!important;background:none!important;padding:8px 0!important;font-size:10px!important;overflow-wrap:anywhere}#ont-results button:before{content:'';display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--node-color);margin-right:8px}#ontology-stage{position:relative;min-width:0;min-height:0;overflow:hidden;background:radial-gradient(ellipse at center,#1d303a,#111e26)}#ontology-canvas{width:100%;height:100%;display:block;touch-action:none}.ont-stage-head{position:absolute;top:17px;left:18px;right:18px;display:flex;justify-content:space-between;gap:14px;pointer-events:none;font-size:9px;color:#7490a1}.ont-stage-head span:first-child{color:#c4d6e1}.ont-stage-tools{position:absolute;bottom:43px;left:16px;display:flex;gap:6px}.ont-caption{position:absolute;bottom:15px;left:18px;right:10px;color:#688393;font-size:8px;pointer-events:none}#ont-empty{position:absolute;top:45%;width:100%;text-align:center;color:#9bb4c2;padding:20px}#ont-placeholder{padding-top:35px;color:#809cac;line-height:1.8}.ont-placeholder-icon{font-size:34px;color:#6ad4b0}.ont-right h2{font-size:20px;font-weight:500;overflow-wrap:anywhere;line-height:1.3}.ont-right p{font-size:11px}.ont-right #ont-node-type{font-size:9px;text-transform:uppercase;letter-spacing:1.5px}.ont-right #ont-node-id{font-family:monospace;font-size:9px;color:#7e9aab;overflow-wrap:anywhere;margin-bottom:18px}#ont-properties>div{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #2b3f4a;font-size:10px;line-height:1.5}#ont-properties span{color:#829ba9}#ont-properties b{font-weight:400;text-align:right;max-width:65%;overflow-wrap:anywhere}.ont-node-actions{display:flex;gap:7px;margin:18px 0}.ont-right h3{font-size:10px;font-weight:500;letter-spacing:.5px;margin-top:25px}.ont-right h3 span{color:#6fd2b3;margin-left:8px}#ont-relations{display:flex;flex-direction:column;gap:7px}#ont-relations button{text-align:left;padding:11px!important;background:#1b2d38!important;border-color:#2d434f!important}#ont-relations strong{display:block;font-size:9px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}#ont-relations span{display:block;font-size:8px;color:#7897a8;margin-top:5px;line-height:1.5}@media(max-width:1100px){.ont-workspace{grid-template-columns:170px minmax(160px,1fr) 240px}.ont-left,.ont-right{padding:13px}.ont-stage-head span:last-child{display:none}}@media(max-width:850px){#ontology{top:66px}.ont-heading{padding:12px}.ont-heading h1{font-size:17px}.ont-heading .eyebrow{font-size:7px}.ont-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:180px}#ont-live{width:100%;text-align:right;font-size:7px}#ontology button{padding:7px;font-size:9px}.ont-workspace{grid-template-columns:140px minmax(160px,1fr);grid-template-rows:minmax(220px,1fr) minmax(130px,.5fr)}.ont-left{grid-row:1/3}.ont-right{grid-column:2;grid-row:2;border-top:1px solid #2b3b45}.ont-stage-tools{gap:3px;left:7px;bottom:35px}.ont-caption{font-size:6px;left:7px}.ont-heading p{font-size:8px}#ont-placeholder{padding-top:0}.ont-right h2{font-size:16px}header{gap:8px}header nav{overflow-x:auto;min-width:0}header nav button{white-space:nowrap;padding:9px 7px;font-size:9px}header .brand strong{font-size:12px;letter-spacing:1px}header .brand small{display:none}header .brandmark{display:none}}