html, body { height: 100%; margin: 0; }
#app { display: grid; grid-template-columns: 1fr 360px; height: 100vh; }
#boardWrap { background: #111; }
#board { width: 100%; height: 100%; display: block; }
#rightPane { display: grid; grid-template-rows: auto 1fr auto; border-left: 1px solid #333; }
#tabs { padding: 8px; border-bottom: 1px solid #333; }
#chat { display: grid; grid-template-rows: 1fr auto; }
#log { padding: 8px; overflow: auto; }
#chatBar { display: grid; grid-template-columns: 1fr auto; gap: 6px; padding: 8px; border-top: 1px solid #333; }
#drawer { border-top: 1px solid #333; padding: 8px; }