.geom-demo{grid-template-columns:290px minmax(0,1fr) 372px;gap:16px;height:100%;min-height:calc(100vh - 64px);padding:16px;display:grid}.geom-sidebar,.geom-aside{flex-direction:column;gap:14px;display:flex;overflow-y:auto}.geom-stage{min-width:0;display:flex}.geom-canvas-wrap{border:1px solid var(--line-strong);border-radius:var(--radius);background:var(--navy-800);flex:1;min-height:480px;position:relative;overflow:hidden}.geom-canvas{width:100%;height:100%;display:block}@media (max-width:1180px){.geom-demo{grid-template-columns:270px minmax(0,1fr);grid-template-areas:"controls stage""aside aside"}.geom-sidebar{grid-area:controls}.geom-stage{grid-area:stage;min-height:460px}.geom-aside{flex-flow:wrap;grid-area:aside}.geom-aside>*{flex:1;min-width:280px}}@media (max-width:760px){.geom-demo{grid-template-columns:1fr;grid-template-areas:"stage""controls""aside";height:auto}.geom-stage{min-height:420px}}