:root {
  --color-bg:#f8f7f4;
  --color-bg-card:#ffffff;
  --color-text:#1a1a1a;
  --color-text-muted:#5c5c5c;
  --color-border:#e0ddd8;
  --color-accent:#2c2c2c;
  --color-danger:#8b3a3a;
  --label-bg:#f0eeea;
  --font-serif:"Open Sans";
  --font-size-base:20px;
  --thumb-max:400px;
  --radius:50px;
}

#gallery-container.gallery-grid,
.gallery-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.gallery-item-image-wrap {
  width: var(--gallery-frame-size, var(--thumb-max, 400px));
  height: var(--gallery-frame-size, var(--thumb-max, 400px));
  min-width: var(--gallery-frame-size, var(--thumb-max, 400px));
  min-height: var(--gallery-frame-size, var(--thumb-max, 400px));
  max-width: var(--gallery-frame-size, var(--thumb-max, 400px));
  max-height: var(--gallery-frame-size, var(--thumb-max, 400px));
  aspect-ratio: 1;
  box-sizing: border-box;
}