.bro-lb{position:fixed;inset:0;z-index:2147483646;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:rgb(var(--n-paper));color:rgb(var(--n-ink));font-family:var(--n-font);touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none;animation:broLbIn .2s ease}
.bro-lb[hidden]{display:none}
@keyframes broLbIn{from{opacity:0}}
.bro-lb__top{display:flex;align-items:center;gap:8px;padding:calc(12px + env(safe-area-inset-top,0px)) calc(16px + env(safe-area-inset-right,0px)) 12px calc(16px + env(safe-area-inset-left,0px))}
.bro-lb__count{margin-right:auto;font-family:var(--n-mono);font-size:14px;font-weight:700;color:rgb(var(--n-muted))}
.bro-lb__btn{display:grid;place-items:center;flex:none;width:44px;height:44px;margin:0;padding:0;border:0;border-radius:22px;background:rgb(var(--n-sunk));color:rgb(var(--n-ink));cursor:pointer;transition:background .15s,border-radius .3s var(--n-spring),opacity .15s}
.bro-lb__btn svg{width:22px;height:22px}
.bro-lb__btn:hover:not(:disabled){border-radius:14px}
.bro-lb__btn:focus-visible,.bro-lb__thumb:focus-visible{outline:2px solid rgb(var(--n-accent));outline-offset:2px}
.bro-lb__btn:disabled{opacity:.38;cursor:default}
.bro-lb__zoom{display:flex;align-items:center;border-radius:22px;background:rgb(var(--n-sunk))}
.bro-lb__zoom .bro-lb__btn{background:none}
.bro-lb__zoom .bro-lb__val{width:62px;font-size:14px;font-weight:700;font-variant-numeric:tabular-nums}
.bro-lb__close{background:rgb(var(--n-soft));color:rgb(var(--n-on-soft))}
.bro-lb__stage{position:relative;min-height:0;overflow:hidden;touch-action:none}
.bro-lb__stage>img{position:absolute;top:50%;left:50%;max-width:none;transform-origin:center;cursor:zoom-in;-webkit-user-drag:none}
.bro-lb__stage>img.is-zoomed{cursor:grab}
.bro-lb__stage>img.is-zoomed:active{cursor:grabbing}
.bro-lb__stage>img.is-anim{transition:transform .28s cubic-bezier(.2,0,0,1)}
.bro-lb__nav{position:absolute;top:50%;z-index:1;width:56px;height:56px;border-radius:28px;margin-top:-28px}
.bro-lb__nav--prev{left:16px}
.bro-lb__nav--next{right:16px}
.bro-lb__thumbs{display:flex;justify-content:safe center;gap:8px;padding:12px calc(16px + env(safe-area-inset-right,0px)) calc(14px + env(safe-area-inset-bottom,0px)) calc(16px + env(safe-area-inset-left,0px));overflow-x:auto;scrollbar-width:none;touch-action:pan-x}
.bro-lb__thumbs::-webkit-scrollbar{display:none}
.bro-lb__thumb{flex:none;width:64px;height:64px;margin:0;padding:0;border:0;border-radius:12px;overflow:hidden;background:rgb(var(--n-sunk));opacity:.6;cursor:pointer;transition:opacity .15s,box-shadow .15s}
.bro-lb__thumb:hover{opacity:.85}
.bro-lb__thumb[aria-current]{opacity:1;box-shadow:0 0 0 2px rgb(var(--n-paper)),0 0 0 4px rgb(var(--n-accent))}
.bro-lb__thumb img{display:block;width:100%;height:100%;object-fit:contain}
.bro-lb.is-single .bro-lb__nav,.bro-lb.is-single .bro-lb__thumbs{display:none}
.bro-lb.is-single{grid-template-rows:auto minmax(0,1fr)}
@media (max-width:749px){.bro-lb__nav{display:none}.bro-lb__thumb{width:56px;height:56px}}
@media (prefers-reduced-motion:reduce){.bro-lb,.bro-lb__stage>img.is-anim{animation:none;transition:none}}