.root { height: 100vh; display: grid; grid-template-rows: var(--topbar-h) 1fr; } .topBar { display: flex; align-items: center; justify-content: space-between; padding: 0 16px; border-bottom: 1px solid var(--stroke); background: #18181b; backdrop-filter: var(--backdrop-blur-shell); } .body { position: relative; display: grid; grid-template-columns: var(--sidebar-w) 1fr var(--inspector-w); gap: 0; padding: 0; min-height: 0; } .bodyOverlay { position: absolute; inset: 0; z-index: 40; display: flex; align-items: center; justify-content: center; padding: 24px; text-align: center; background: rgba(10, 10, 12, 0.72); backdrop-filter: blur(4px); color: var(--text1); font-size: var(--text-sm); line-height: 1.45; } .col { min-height: 0; }