/* Keep the upstream design; size photos within existing illustration slots. */
.food-ingredient { display:inline-block; width:32px; height:32px; object-fit:contain; vertical-align:middle; border-radius:4px; background:white; }
.food-recipe { display:block; width:100%; height:100%; object-fit:cover; }
.thumb { overflow:hidden; }
.thumb > .food-recipe { position:absolute; inset:0; }
.thumb .rank,.thumb .score,.thumb .ribbon { z-index:1; }
.quick .food-ingredient,.inventory-chip .food-ingredient { width:22px; height:22px; }
.food-object .food-ingredient { width:48px; height:48px; }
.selected-icon .food-ingredient { width:64px; height:64px; }
.tray .food-ingredient { width:45px; height:45px; }
.cam-item .food-ingredient,.pending-item .food-ingredient { width:7cqw; height:7cqw; }
.sim-top .em { width:60px; height:60px; overflow:hidden; }
.stage .food-ingredient { width:55px; height:55px; }
.m-emoji,.my-meals .em { overflow:hidden; }
.pick-item { grid-template-columns:48px minmax(0,1fr); column-gap:12px; }
.pick-item > span:first-child { grid-column:1; grid-row:1 / span 2; width:48px; height:40px; overflow:hidden; border-radius:4px; }
.pick-item > b,.pick-item > small { grid-column:2; min-width:0; overflow-wrap:anywhere; }
.reco-card .em { display:block; width:60px; height:50px; overflow:hidden; }
.br-reco > span { width:62px; height:52px; overflow:hidden; flex-shrink:0; }
.briefing li .food-recipe { display:inline-block; width:32px; height:25px; vertical-align:middle; }