.cad-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,1fr);gap:22px;align-items:start}.cad-view{overflow:hidden}.cad-view canvas{display:block;width:100%;height:auto;min-height:290px;touch-action:none;background:#0a161b;border-radius:8px}.cad-layout .fields{grid-template-columns:repeat(2,minmax(0,1fr))}#cad-status{margin-top:18px}.cad-legend-swatch{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px}.economics-metrics strong{overflow-wrap:anywhere}input[type=range]{width:100%;min-height:44px}select{background:#0a171d;color:#eff5f5;border:1px solid #4d626b;border-radius:6px;padding:10px}button[hidden]{display:none}@media(max-width:1050px){.cad-layout{grid-template-columns:1fr}}@media(max-width:580px){.cad-view canvas{min-height:220px}.cad-layout .fields{grid-template-columns:1fr 1fr}}
.cad-layout .balance-row{gap:16px;align-items:flex-start}.cad-layout .balance-row strong{text-align:right;overflow-wrap:anywhere}.cad-layout .field input{min-width:0;width:100%;box-sizing:border-box}#cad-scale select{width:100%;max-width:420px}#cad-scale-summary{font-size:1.15rem;font-weight:600}
#cad-engineering .balance-row{gap:16px}#cad-engineering .balance-row strong{text-align:right;overflow-wrap:anywhere}.cad-engineering-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 26px}@media(max-width:740px){.cad-engineering-results{grid-template-columns:1fr}}
#magnetic-dynamics .fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#magnetic-dynamics input{width:100%;min-width:0;box-sizing:border-box}#magnetic-dynamics .balance-row{gap:18px;align-items:flex-start}#magnetic-dynamics .balance-row strong{text-align:right;overflow-wrap:anywhere}#cp-map{width:100%;height:auto;border-radius:8px}#cp-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}#cp-checks{overflow-wrap:anywhere;font-size:.85rem}#cad-motion-mode{color:#6ae1d0;font-weight:600}@media(max-width:700px){#magnetic-dynamics .fields{grid-template-columns:1fr 1fr}#cp-results{grid-template-columns:1fr}}@media(max-width:440px){#magnetic-dynamics .fields{grid-template-columns:1fr}}