.grok-image-open{display:block;cursor:zoom-in}.grok-lightbox{position:fixed;inset:0;margin:auto;width:96vw;max-width:1800px;height:94dvh;max-height:94dvh;padding:0;border:1px solid var(--line,#d6dfef);border-radius:8px;background:var(--paper,#f8faff);color:var(--ink,#101c35);overflow:hidden}.grok-lightbox::backdrop{background:#071020dc}.grok-lightbox[open]{display:flex;flex-direction:column}.grok-lightbox-bar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.grok-lightbox-bar p{flex:1;font-size:12px;line-height:1.5;margin:0}.grok-lightbox-bar form{margin:0}.grok-lightbox .grok-lightbox-bar .btn{min-height:42px;padding:8px 14px;font-size:12px;white-space:nowrap}.grok-lightbox-stage{flex:1;min-height:0;overflow:auto;padding:16px;display:flex;align-items:center;justify-content:center;overscroll-behavior:contain}.grok-lightbox-stage img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;margin:auto;flex-shrink:0}.grok-lightbox.is-zoomed .grok-lightbox-stage{display:block}.grok-lightbox.is-zoomed img{max-width:none;max-height:none;width:auto;height:auto}body:has(.grok-lightbox[open]){overflow:hidden}@media(max-width:600px){.grok-lightbox-bar{flex-wrap:wrap;padding:10px}.grok-lightbox-bar p{flex-basis:100%}.grok-lightbox-stage{padding:8px}}
.grok-lightbox-stage{box-sizing:border-box}.grok-lightbox-bar{flex-shrink:0}.grok-lightbox .grok-lightbox-bar .btn{display:inline-flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-primary-content);border:0;border-radius:5px;cursor:pointer}.grok-image-open img{cursor:zoom-in}

.grok-lightbox{--color-primary:#d1ff5f;--color-primary-content:#171b13}.grok-lightbox .grok-lightbox-bar .btn:hover{filter:brightness(.92)}.grok-lightbox .grok-lightbox-bar .btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}

.grok-lightbox .grok-lightbox-bar .btn{transition:none}
.grok-lightbox.is-zoomed .grok-lightbox-stage{padding:0}