:root{--header:#07131f;--panel:#0b1927;--panel2:#0f2132;--line2:#263b50;--text:#f3f6f8;--sub:#91a2b3}
.top{display:grid;grid-template-columns:250px minmax(0,1fr) auto;align-items:center;gap:18px;padding:11px 18px;background:var(--header)}
.productBrand{display:flex;flex-direction:column}.productBrand strong{font-size:18px;letter-spacing:-.25px}.productBrand small{color:var(--sub);font-size:10px;letter-spacing:.7px;text-transform:uppercase}
.commandBar{display:flex;gap:6px;align-items:center}.commandGroup{position:relative}.commandGroup>summary{list-style:none;border:1px solid var(--line2);background:#0d1d2c;border-radius:4px;padding:8px 11px;font-weight:650;cursor:pointer}.commandGroup>summary::-webkit-details-marker{display:none}.commandGroup[open]>summary{background:#182d40}.commandMenu{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;padding:6px;background:#0c1b2a;border:1px solid #30465a;border-radius:7px;box-shadow:0 18px 45px #0008;z-index:30}.commandMenu button,.commandMenu .file{display:block;width:100%;text-align:left;border:0;background:transparent;padding:9px 10px}.commandMenu button:hover,.commandMenu .file:hover{background:#172b3e}
.account{justify-self:end}.projectHero{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:20px}.projectIdentity{min-width:280px}.projectEyebrow{color:#7f94a7;text-transform:uppercase;letter-spacing:1px;font-size:10px;margin-bottom:4px}.projectTitle{text-align:left;min-width:0;width:min(620px,60vw);font-size:25px}.stageTop{display:block}.stageControls{justify-content:flex-end;margin-top:12px}.breadcrumb{display:flex;gap:6px;align-items:center;color:#8fa5b8;font-size:12px;margin-bottom:12px}.breadcrumb button{padding:4px 7px;border:0;background:transparent;color:#9fc5e5}.health{display:inline-flex;align-items:center;gap:6px;color:#9fd1bb}.health::before{content:'';width:7px;height:7px;border-radius:50%;background:#4ca57f}
.node{width:240px;min-height:112px;align-items:stretch;text-align:left;padding:14px 15px 12px;border-radius:7px}.nodeCode{font-size:11px;color:#74a7cf}.nodeTitle{font-size:15px;line-height:1.25;min-height:38px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.nodeMeta{margin-top:8px}.nodeFooter{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:9px;font-size:10px;color:#93a5b5}.nodeMenu{position:absolute;right:6px;top:5px;border:0;background:transparent;padding:3px 6px;font-size:17px}.collapseBtn{position:absolute;bottom:-11px;left:50%;transform:translateX(-50%);border-radius:50%;width:22px;height:22px;padding:0;background:#142b3e;z-index:2}.tree li{padding-left:14px;padding-right:14px}.contextMenu{position:fixed;z-index:80;min-width:190px;background:#0b1b2a;border:1px solid #334b60;border-radius:7px;padding:6px;box-shadow:0 18px 45px #0009}.contextMenu button{display:block;width:100%;text-align:left;border:0;background:transparent}.contextMenu button:hover{background:#192e41}.contextMenu.hidden{display:none}
.side{width:auto}.side select{width:100%}.editorGrid{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.editorGrid .wide{grid-column:1/-1}
@media(max-width:1000px){.top{grid-template-columns:1fr auto}.commandBar{grid-column:1/-1;overflow-x:auto}.productBrand{min-width:200px}.main{grid-template-columns:1fr}.side{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:700px){.top{display:grid;grid-template-columns:1fr auto}.commandBar{display:flex;overflow-x:auto}.commandGroup>summary{white-space:nowrap;min-height:42px}.projectHero{display:block}.projectTitle{width:100%;font-size:21px}.stageControls{display:grid;grid-template-columns:1fr 1fr}.node{width:220px}.editorGrid{grid-template-columns:1fr}.editorGrid .wide{grid-column:auto}}
@media print{.top,.side,.stageControls,.breadcrumb,.nodeMenu,.collapseBtn{display:none!important}}