.ontology-studio-page{padding-bottom:50px}.ontology-hero{display:grid;grid-template-columns:1fr 230px;gap:20px;padding:28px;border-radius:18px;background:linear-gradient(135deg,#102b3d,#155d67);color:#fff;box-shadow:0 16px 36px rgba(16,39,33,.18)}.ontology-hero small{color:#a8eee3;font-weight:800;letter-spacing:.12em}.ontology-hero h2{margin:8px 0;font-size:30px}.ontology-hero p{max-width:800px;color:#d7eff0;margin:0;line-height:1.7}.ontology-score{display:flex;align-items:center;justify-content:center;gap:14px;border-left:1px solid #ffffff2e}.ontology-score b{font:500 42px Georgia;color:#8ee8cf}.ontology-score span{font-size:12px;line-height:1.6}.ontology-flow{display:flex;justify-content:center;gap:14px;align-items:center;margin:16px 0;color:#116d72;font-weight:800}.ontology-flow span{padding:8px 12px;border-radius:99px;background:#e8f6f3;border:1px solid #b8ded6}.ontology-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:16px}.ontology-card-panel,.ontology-side-card,.ontology-gate{background:#fff;border:1px solid #dbe6e4;border-radius:15px;padding:18px}.ontology-section-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid #edf1f4;padding-bottom:13px;margin-bottom:14px}.ontology-section-head small,.ontology-side-card header small,.ontology-gate small{color:#168b80;font-weight:800;letter-spacing:.1em}.ontology-section-head h3,.ontology-side-card h3,.ontology-gate h3{margin:5px 0 0}.ontology-section-head>span{color:#718096;font-size:12px}.ontology-element-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.ontology-element{border:1px solid #dbe6e4;border-top:4px solid #168b98;border-radius:11px;padding:13px;background:#fbfdfd}.ontology-element.attribute{border-top-color:#5478ef}.ontology-element.relation{border-top-color:#8b5cf6}.ontology-element.state{border-top-color:#16825f}.ontology-element.event{border-top-color:#ec7258}.ontology-element.rule{border-top-color:#c2417a}.ontology-element.action{border-top-color:#d97706}.ontology-element.done{background:#f0fbf7;box-shadow:0 0 0 2px #8bd8be}.ontology-element-top{display:flex;align-items:center;gap:7px}.ontology-element-top>span{font:700 12px Georgia;color:#82919b}.ontology-element-top em{font-style:normal;font-weight:800;color:#16787b}.ontology-element-top label{margin-left:auto;font-size:11px;color:#718096}.ontology-element h4{margin:11px 0 5px;font-size:19px}.ontology-element p{margin:0;color:#637684;font-size:13px;line-height:1.55}.ontology-question{margin-top:11px;padding:10px;border-radius:8px;background:#f3f8f7}.ontology-question small{display:block;color:#168b80;font-weight:800;font-size:11px}.ontology-question strong{display:block;margin-top:4px;font-size:13px;line-height:1.45}.ontology-side{display:flex;flex-direction:column;gap:16px;position:sticky;top:104px;align-self:start}.ontology-side-card header{border-bottom:1px solid #edf1f4;padding-bottom:9px}.ontology-side-card p{color:#718096;font-size:13px;line-height:1.55}.relation-form{display:grid;gap:8px}.relation-form select,.ontology-side-card textarea{width:100%;box-sizing:border-box;border:1px solid #cbdcd8;border-radius:8px;padding:9px;background:#fbfdfc}.relation-form button,.ontology-side-card>button{border:0;border-radius:8px;padding:10px;cursor:pointer}.relation-list{list-style:none;padding:0;margin:13px 0 0}.relation-list li{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #edf1f4;padding:9px 0;font-size:12px}.relation-list b{color:#168b80}.relation-list button{border:0;background:none;color:#b34f36;cursor:pointer}.relation-list .empty{color:#8b98a3}.ontology-side-card textarea{min-height:115px;resize:vertical}.ontology-gate{margin-top:16px;background:linear-gradient(135deg,#f1faf7,#fff8ef)}.ontology-gate h3{margin-bottom:12px}.ontology-gate>div{display:flex;gap:8px;flex-wrap:wrap}.ontology-gate span{padding:8px 10px;border-radius:8px;background:#fff;border:1px solid #dbe6e4;color:#526b73;font-size:12px}@media(max-width:1050px){.ontology-layout{grid-template-columns:1fr}.ontology-side{position:static}.ontology-element-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.ontology-hero{grid-template-columns:1fr;padding:22px}.ontology-score{border-left:0;border-top:1px solid #ffffff2e;padding-top:14px;justify-content:flex-start}.ontology-flow{flex-wrap:wrap;gap:7px}.ontology-flow b{display:none}.ontology-element-grid{grid-template-columns:1fr}.ontology-element h4{font-size:18px}}
.ontology-ai-map{margin:16px 0;background:#102b3d;color:#e9fbf5;border:1px solid #245c66;border-radius:15px;padding:18px;box-shadow:0 12px 30px rgba(16,43,61,.14)}
.ontology-ai-map-head{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.ontology-ai-map-head small{color:#8ee8cf;font-weight:800;letter-spacing:.1em}.ontology-ai-map-head h3{margin:6px 0;font-size:20px}.ontology-ai-map-head p{max-width:720px;margin:0;color:#c5e4e3;font-size:13px;line-height:1.6}.ontology-ai-actions{display:flex;gap:8px;flex-shrink:0}.ontology-ai-actions button{border:1px solid #5c8c91;background:#173d4a;color:#effffc;border-radius:8px;padding:9px 12px;cursor:pointer}.ontology-ai-actions .primary{background:#8ee8cf;color:#102b3d;border-color:#8ee8cf;font-weight:800}.ontology-ai-canvas{margin-top:14px;border:1px solid #275767;border-radius:12px;background:radial-gradient(circle at 50% 50%,#194b57,#102b3d);overflow:hidden}.ontology-ai-canvas svg{display:block;width:100%;height:auto;min-height:210px}.ai-edge line{stroke:#8baeb1;stroke-width:2;marker-end:url(#ontology-arrow)}.ai-edge text{font-size:10px;fill:#b8d9d7}.ai-node circle{fill:#163e4a;stroke:#8ee8cf;stroke-width:3}.ai-node text{font-size:12px;font-weight:800;fill:#fff}.ai-node.attribute circle{stroke:#8aa7ff}.ai-node.relation circle{stroke:#b692ff}.ai-node.state circle{stroke:#64d7a2}.ai-node.event circle{stroke:#ff9b83}.ai-node.rule circle{stroke:#f08db2}.ai-node.action circle{stroke:#f6b557}.ontology-ai-foot{display:flex;gap:14px;align-items:center;margin-top:12px;color:#abd3d0;font-size:12px}.ontology-ai-foot b{margin-left:auto;color:#ffd18a}@media(max-width:700px){.ontology-ai-map-head{display:block}.ontology-ai-actions{margin-top:13px}.ontology-ai-canvas svg{min-width:650px}.ontology-ai-canvas{overflow-x:auto}.ontology-ai-foot{flex-wrap:wrap}.ontology-ai-foot b{margin-left:0}}