/* Width and length share one compact optional-dimensions control. */
#length-details .dimension-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#length-details .dimension-field{min-width:0}
#length-details .length-controls{gap:6px;margin:6px 0 2px}
#length-details .length-controls button{width:34px;height:38px}
#length-details .length-controls input{width:46px;height:38px}
#length-details .dimension-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:8px}
#length-details .dimension-total p{margin:0;min-width:0}
#length-details #length-cost{font-size:16px;color:var(--ink);white-space:nowrap}
@media(max-width:360px){#length-details .dimension-grid{grid-template-columns:1fr;gap:8px}#length-details .dimension-total{flex-wrap:wrap;gap:4px}}

/* Keep disabled dimensions hidden despite the layout display rule. */
#row-extra-length[hidden]{display:none!important}