/* Count-aware rows stay centered on the cloth, clear of the bag. */
.packing-inventory{--packing-columns:3;--packing-cell:160px;--packing-gap:20px;display:flex;flex-wrap:wrap;justify-content:center;align-content:center;align-items:flex-start;gap:32px var(--packing-gap);width:100%;max-width:calc(var(--packing-columns)*(var(--packing-cell) + var(--packing-gap)) - var(--packing-gap));min-height:0;margin-inline:auto;padding:12px 0}
.packing-inventory>.packing-object{flex:0 0 calc((100% - (var(--packing-columns) - 1)*var(--packing-gap))/var(--packing-columns));max-width:var(--packing-cell);min-width:0}
@media screen and (min-width:561px){
  .packing-scene{min-height:0}
  .packing-workspace{display:flex;flex-direction:column;min-height:60cqw}
  .packing-groups{flex-shrink:0}
  .packing-inventory{flex:1}
  .packing-empty{margin-block:auto}
}
@media(min-width:1250px){.packing-inventory{--packing-columns:4;--packing-cell:170px;--packing-gap:24px;row-gap:34px}}
@media(max-width:800px){.packing-inventory{--packing-cell:140px;--packing-gap:14px;row-gap:28px}}
@media(max-width:560px){.packing-inventory{--packing-cell:130px;--packing-gap:12px;row-gap:26px;min-height:0;padding:6px 0}}
.packing-inventory[data-count="1"]{--packing-columns:1}
.packing-inventory[data-count="2"],.packing-inventory[data-count="4"]{--packing-columns:2}
.packing-inventory[data-count="3"],.packing-inventory[data-count="5"],.packing-inventory[data-count="6"],.packing-inventory[data-count="9"]{--packing-columns:3}
@media print{.packing-workspace{display:block;min-height:0}.packing-inventory{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));max-width:none;padding:0}.packing-inventory>.packing-object{max-width:none}}
