.product-art {
  position: relative;
  display: grid;
  width: 66px;
  height: 66px;
  place-items: center;
  border: 2px solid #8eb6c9;
  border-radius: 18px 18px 13px 13px;
  background: #f8f5eb;
  box-shadow: 0 4px 0 rgba(90, 130, 149, 0.17);
}

.product-art-emoji {
  transform: translateY(-4px);
  font-size: 35px;
  line-height: 1;
}

.product-art-face {
  position: absolute;
  bottom: 6px;
  padding: 1px 4px;
  border-radius: 8px;
  color: #476f82;
  background: rgba(255, 255, 255, 0.88);
  font-size: 8px;
  font-weight: 900;
  letter-spacing: 1px;
  line-height: 1.2;
}

.product-art-milk,
.product-art-yogurt,
.product-art-drink,
.product-art-water {
  background: #e5f1f6;
}

.product-art-cookie,
.product-art-bread,
.product-art-rice,
.product-art-noodle,
.product-art-condiment,
.product-art-oil,
.product-art-egg {
  border-color: #d9b873;
  background: #fff0c9;
}

.product-art-paper,
.product-art-cleaning,
.product-art-laundry {
  background: #edf3f5;
}

.product-art-chair,
.product-art-outdoor,
.product-art-kitchen {
  border-color: #c1a078;
  background: #f5eadc;
}

.product-art-clothing,
.product-art-shoes {
  border-color: #9fb2cf;
  background: #e7edf7;
}

.product-art-dental {
  border-color: #87b7c6;
  background: #e3f1f4;
}

.product-art-stationery,
.product-art-electronics {
  border-color: #aaa7c5;
  background: #eeedf6;
}

.product-art-canned {
  border-color: #c6aa7d;
  background: #f7ecd8;
}

.product-art-medicine {
  border-color: #dda19c;
  background: #f9e6e4;
}

.product-art-handcare,
.product-art-skincare,
.product-art-makeup,
.product-art-haircare,
.product-art-bath,
.product-art-baby {
  border-color: #d9aab8;
  background: #f8e8ed;
}

.product-art-pet {
  border-color: #b59d7e;
  background: #f4eadc;
}

.product-art-fruit,
.product-art-vegetable {
  border-color: #98b99f;
  background: #e7f2e8;
}

.product-art-meat,
.product-art-seafood {
  border-color: #d7a19d;
  background: #f8e5e2;
}

.photo-preview .product-art {
  width: 86px;
  height: 86px;
}

.photo-preview .product-art-emoji {
  font-size: 47px;
}

.photo-preview .product-art-face {
  bottom: 8px;
  font-size: 9px;
}

.photo-preview .generated-photo-label {
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 700;
}

.image-preview-dialog {
  width: min(640px, calc(100% - 28px));
}

.image-preview-body {
  display: grid;
  min-height: 390px;
  place-items: center;
  padding: 28px;
  overflow: hidden;
  background: #eaf2f5;
}

.image-preview-body img {
  display: block;
  max-width: 100%;
  max-height: min(60vh, 560px);
  object-fit: contain;
  border-radius: 12px;
  box-shadow: 0 12px 30px rgba(47, 82, 99, 0.18);
}

.image-preview-body .product-art {
  width: min(280px, 65vw);
  height: min(280px, 65vw);
  border-width: 4px;
  border-radius: 48px 48px 34px 34px;
  box-shadow: 0 12px 0 rgba(90, 130, 149, 0.17);
}

.image-preview-body .product-art-emoji {
  transform: translateY(-14px);
  font-size: clamp(96px, 18vw, 150px);
}

.image-preview-body .product-art-face {
  bottom: 25px;
  padding: 4px 10px;
  font-size: 18px;
}

@media (max-width: 480px) {
  .image-preview-body {
    min-height: 300px;
    padding: 20px;
  }
}