.design-grid>*{min-width:0}.panel{min-width:0}#viewer canvas{max-width:100%}.comparison-grid>*{min-width:0}
#page-simulation [hidden]{display:none!important}#sim-metrics strong{display:block;font-size:23px;color:#087f89;margin-bottom:5px}#sim-metrics span{display:block;font-size:12px;color:#64818d}#sim-field{max-width:270px;width:45%}#sim-view-title{font-size:18px;flex:1}#page-simulation a{color:#087f89}#sim-records{max-width:300px}#sim-metrics{row-gap:18px}#sim-viewer canvas{max-width:100%}
@media(max-width:820px){.design-grid{grid-template-columns:minmax(0,1fr)}.model-toolbar{min-width:0}.model-toolbar select{width:0;min-width:0}.panel-head .toggle{white-space:normal}.section-bar select{max-width:100%}.sidebar nav{max-width:100%}.nav{flex-shrink:0}#toast{max-width:calc(100% - 40px)}.metrics strong{font-size:19px}.two-col{grid-template-columns:repeat(2,minmax(0,1fr))}}
#page-multiaxis .panel-head h2{min-width:150px;white-space:nowrap}
#multi-view{width:auto;min-width:180px;max-width:65%}
#page-multiaxis .controls label:has(input[type="checkbox"]){display:flex;align-items:center;gap:8px}
#page-multiaxis .controls input[type="checkbox"]{width:auto;flex:0 0 auto;margin:0}
#page-multiaxis .section-bar a{color:#087f86;text-underline-offset:3px}
@media(max-width:650px){#page-multiaxis .panel-head{flex-wrap:wrap}#multi-view{width:100%;max-width:100%;min-width:0}}