.meal-image{position:relative;width:64px;height:64px;flex:none;overflow:hidden;border-radius:16px;background:var(--line)}
.meal-image .meal-thumb{display:block;width:100%;height:100%}
.meal-image.is-preparing .meal-thumb{opacity:.12}
.meal-image-preparing{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}
.meal-image-note{position:absolute;bottom:4px;left:0;right:0;text-align:center;font-size:9px;color:var(--muted);background:var(--card)}
.meal-image-retry{grid-column:1/-1;font-size:11px;background:none;color:var(--blue);padding:6px}
.messenger-meal-card.has-shared-meal{padding:0;overflow:hidden}
.messenger-meal-card.has-shared-meal>.meal{width:100%;grid-template-columns:64px minmax(0,1fr) auto;gap:9px;padding:10px;border:0;box-shadow:none;background:var(--card)}
.messenger-meal-card.has-shared-meal .meal-image{width:64px;height:64px;border-radius:12px}
.messenger-meal-card.has-shared-meal .meal-name{font-size:14px;white-space:normal;line-height:1.2}
.messenger-meal-card.has-shared-meal .meal-meta,.messenger-meal-card.has-shared-meal .meal-time{font-size:10px}
.messenger-meal-card.has-shared-meal .meal-calories{font-size:12px;margin-top:18px}
.messenger-meal-card.has-shared-meal .meal-macro-chart{gap:4px}
.messenger-meal-card.has-shared-meal .macro-grams{font-size:9px}
.messenger-component-status{margin:0;padding:0 10px 8px;font-size:10px;color:var(--muted)}
@keyframes meal-broccoli-arrange{0%,100%{transform:translate(-3px,1px) rotate(-10deg)}50%{transform:translate(3px,-2px) rotate(7deg)}}
@keyframes meal-carrot-arrange{0%,100%{transform:translate(3px,-1px) rotate(12deg)}50%{transform:translate(-3px,2px) rotate(-8deg)}}

/* Shared photo-card template with a ring in the leading slot. */
.meal.meal-nutrition-card{grid-template-columns:64px minmax(0,1fr);gap:12px;align-items:center;padding:0;border:0;box-shadow:none;min-width:0}
.meal-nutrition-card[hidden]{display:none}
.meal-nutrition-card .meal-copy{min-width:0}
.meal-nutrition-card .meal-name{display:block;white-space:normal;overflow:visible;line-height:1.25}
.meal-nutrition-card .meal-meta{display:block;margin-top:3px;font-size:11px;line-height:1.4}
.meal-nutrition-card .meal-meta .meal-time{display:inline;font-size:inherit}
.meal-nutrition-card .meal-macro-chart{margin-top:5px}
.meal-nutrition-card .meal-calorie-summary{transform:none}
.meal-image-preparing .messenger-thinking{width:44px;height:44px;margin:0 0 2px;flex:none}
.meal-image-preparing .messenger-thinking-logo{width:100%;height:100%}
.meal-image-preparing-label{font-size:7px;line-height:1.2;text-align:center}