/* v81 candidate: presentation only; bounded target group on all screens. */
.weight-control.numeric-control .weight-input{justify-self:center;width:max-content;max-width:100%;gap:6px;align-items:baseline}
.weight-control.numeric-control #target{width:var(--target-text-width,64px);max-width:150px;min-width:30px;flex:0 1 auto;text-align:right}
.weight-input>span{flex:none}
@media screen and (max-width:760px){
 main{padding-top:14px}
 .title{margin-bottom:12px}
 .title .eyebrow{margin-bottom:6px}
 .title h1{margin-bottom:8px}
 .title .library-shortcuts{margin-top:2px}
 .workspace{grid-template-columns:minmax(0,1fr)}
 .results{min-width:0}
 .totals{display:flex;flex-wrap:wrap}
 .totals>div{flex:1 1 max-content;min-width:0}
 .dimensions .dimension-field{grid-template-columns:minmax(98px,1fr) minmax(160px,1.65fr);gap:4px 8px;align-items:start}
 .dimensions .dimension-heading{display:flex;flex-direction:column;grid-column:1;grid-row:1;gap:2px;min-width:0}
 .dimensions .dimension-heading>label{display:block;min-height:0;line-height:1.4}
 .dimension-heading .dimension-name{display:block;white-space:nowrap}
 .dimension-heading .dimension-unit{display:block;color:var(--muted);font-size:12px}
 .dimension-heading .dimension-unit-separator{display:none}
 .dimensions .dimension-status-group{display:flex;align-items:center;gap:2px;min-width:0}
 .dimensions .dimension-status-group .dimension-state{font-size:12px;text-align:left}
 .dimensions .dimension-status-group .dimension-auto{min-width:44px;width:44px;min-height:44px;margin-left:auto}
 .dimensions .dimension-status-group .dimension-action-space{display:none}
 .dimensions .dimension-field>.dimension-numeric{grid-column:2;grid-row:1;gap:4px;align-self:start}
 .dimensions .dimension-field>.dimension-error{grid-column:1/-1;grid-row:2}
 .dimension-numeric input{padding-left:6px;padding-right:6px}
 .shape-row{grid-template-columns:minmax(0,1fr);gap:4px}
 .shape-row>.check{min-height:44px;justify-self:start}
}

/* Wrappers are transparent to the unchanged desktop grid. */
@media screen and (min-width:761px),print{
 .dimension-heading,.dimension-status-group{display:contents}
 .dimension-heading>label{grid-column:1;grid-row:1;gap:0;min-width:0;display:block}
 .dimension-field:not(.dimension-relative) .dimension-heading>label{min-height:44px;align-content:center}
 .dimension-status-group>.dimension-state{grid-column:2;grid-row:1}
 .dimension-status-group>.dimension-auto,.dimension-status-group>.dimension-action-space{grid-column:3;grid-row:1;min-height:44px}
}
@media screen and (max-width:389px){
 .dimensions .dimension-field{grid-template-columns:minmax(0,1fr)}
 .dimensions .dimension-heading{grid-column:1;grid-row:1;flex-direction:row;align-items:center;justify-content:space-between;gap:8px}
 .dimensions .dimension-status-group{flex:none;gap:8px}
 .dimensions .dimension-field>.dimension-numeric{grid-column:1;grid-row:2}
 .dimensions .dimension-field>.dimension-error{grid-row:3}
}
@media screen and (max-width:760px){
 .totals.totals-wrapped>div+div{flex-basis:100%;border-left:0;padding-left:0;border-top:1px solid #ffffff38;padding-top:16px}
}
