:root {
  --gbgl-bg: rgba(0,0,0,.92);
  --gbgl-ui: rgba(255,255,255,.92);
  --gbgl-ui-muted: rgba(255,255,255,.6);
}
.gbgl-overlay { position: fixed; inset: 0; display: none; align-items: center; justify-content: center; background: var(--gbgl-bg); z-index: 999999; }
.gbgl-overlay[aria-hidden="false"] { display: flex; }
.gbgl-stage { position: relative; max-width: 95vw; max-height: 90vh; width: 100%; height: 100%; display: grid; place-items: center; }
.gbgl-img { max-width: 100%; max-height: 85vh; box-shadow: 0 10px 30px rgba(0,0,0,.5); border-radius: 6px; }
.gbgl-caption { color: var(--gbgl-ui-muted); margin-top: .75rem; text-align: center; font-size: .95rem; line-height: 1.3; max-width: 80ch; }
.gbgl-ui { position: absolute; inset: 0; pointer-events: none; }
.gbgl-btn { pointer-events: auto; position: absolute; top: 50%; transform: translateY(-50%); border: 0; background: var(--gbgl-ui); color: #111; padding: .5rem .7rem; border-radius: 999px; cursor: pointer; font-size: 16px; }
.gbgl-prev { left: 1rem; }
.gbgl-next { right: 1rem; }
.gbgl-close { top: 1rem; right: 1rem; transform: none; }
.gbgl-counter { position: absolute; bottom: 1rem; left: 50%; transform: translateX(-50%); color: var(--gbgl-ui-muted); font-size: .9rem; }
.gbgl-no-scroll { overflow: hidden; }