/* Latar gambar dengan data URI SVG */
.gambar-polos {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Crect width='120' height='120' fill='%23e0f2fe'/%3E%3Ccircle cx='60' cy='60' r='40' fill='%230ea5e9'/%3E%3C/svg%3E");
}
.gambar-pemandangan {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300'%3E%3Crect width='400' height='300' fill='%23bae6fd'/%3E%3Ccircle cx='320' cy='64' r='34' fill='%23fbbf24'/%3E%3Cpath d='M0 300L120 140L210 240L280 170L400 300Z' fill='%23166534'/%3E%3C/svg%3E");
}
.panel {
  background-color: rgb(255 255 255);
  border: 1px solid rgb(226 232 240);
  border-radius: 8px;
  height: 140px;
  margin-bottom: 12px;
}
.ukuran-px   { background-size: 120px 120px; background-repeat: no-repeat; }
.isi-cover   { background-size: cover; background-repeat: no-repeat; background-position: center; }
.isi-contain { background-size: contain; background-repeat: no-repeat; background-position: center; }
.berulang    { background-repeat: repeat; }
.tunggal     { background-repeat: no-repeat; background-position: center bottom; background-size: 96px 96px; }