.photo-render.mesa-aurora-render {
  aspect-ratio: 3 / 2;
  background: #d8c6b0;
}
.photo-render.mesa-aurora-render > img { object-fit: cover; }
.mesa-aurora-model-preview {
  position: relative;
  z-index: 1;
  width: min(calc(100% - 36px), 920px);
  margin: 16px 18px;
  padding: 14px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 14px;
  background: #202726;
}
.mesa-aurora-model-preview[hidden] { display: none; }
.mesa-aurora-model-stage { overflow: hidden; border-radius: 10px; background: #202725; }
.mesa-aurora-model-stage canvas {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  touch-action: none;
  cursor: grab;
}
.mesa-aurora-model-stage canvas:active { cursor: grabbing; }
.mesa-aurora-model-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; margin: 10px 2px 0; }
.mesa-aurora-model-actions p { flex: 1 1 320px; margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
body.light .mesa-aurora-model-preview { border-color: var(--line); background: #ebe5dc; }
body.light .dining-preview-head strong { color: var(--ink); }
@media(max-width:640px) {
  .mesa-aurora-model-preview { width: calc(100% - 20px); margin: 10px; padding: 10px; }
  .photo-render.mesa-aurora-render { aspect-ratio: 4 / 3; }
}