/* One workbench size for every experiment, independent of control count. */
.facade-workbench{height:780px;grid-template-columns:280px minmax(0,1fr)}
.facade-controls{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#b8c4bc transparent}
.model-column{height:100%;min-height:0;overflow:hidden}
:is(#facade-stage,#brick-stage,#cellular-stage,#louvre-stage,#kinetic-stage,#solar-stage){min-height:0;flex:1;height:auto}
.model-toolbar{min-height:72px;flex-shrink:0;padding:1rem 1.5rem}
.model-options{min-height:64px;flex-shrink:0;display:flex;align-items:center;flex-wrap:wrap;gap:.65rem 1rem;padding:.7rem 1.5rem}
.model-options>span{margin-right:auto}.model-options label{display:flex;align-items:center;gap:.4rem;white-space:nowrap}
.model-stats{min-height:96px;flex-shrink:0;align-items:center}
.view-buttons button{min-height:40px}
@media(min-width:681px) and (max-width:950px){.facade-workbench{grid-template-columns:245px minmax(0,1fr)}.model-toolbar,.model-options{padding-left:1rem;padding-right:1rem}.model-options>span{width:100%}}
@media(max-width:680px){.facade-workbench{height:auto}.model-column{height:600px;flex:none;width:100%}.facade-controls{overflow:visible;overscroll-behavior:auto}.model-toolbar{min-height:64px;padding:.8rem}.model-options{min-height:80px;padding:.6rem 1rem;gap:.6rem}.model-options>span{width:100%}.model-stats{min-height:96px}.view-buttons button{padding:.5rem .75rem}}
