.fp-rga-root{--gap:14px;--border:#2a2f3b;--text:#e8eefc;--thumb-min:260px}
.fp-rga-header,.fp-rga-footer{display:flex;justify-content:space-between;align-items:center;margin:8px 0}
.fp-rga-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(var(--thumb-min),1fr));gap:var(--gap)}
.fp-rga-card{position:relative;background:#0b0d10;border:1px solid var(--border);border-radius:12px;overflow:hidden}
.fp-rga-thumb{display:block;width:100%;height:0;padding-top:66%;position:relative;background:#000;overflow:hidden}
.fp-rga-thumb img,.fp-rga-thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fp-rga-badge{position:absolute;left:8px;top:8px;background:rgba(0,0,0,.55);color:#fff;font-size:12px;padding:2px 6px;border-radius:6px}
.fp-rga-title{display:none}
.fp-rga-pager{display:flex;gap:6px;flex-wrap:wrap}
.fp-rga-page{border:1px solid var(--border);background:#1b1f2a;color:#fff;padding:8px 12px;border-radius:10px;cursor:pointer}
.fp-rga-page[aria-current="page"]{outline:2px solid #3b82f6}
/* Lightbox */
.fp-rga-lightbox{position:fixed;inset:0;display:block;z-index:999999}
.fp-rga-lightbox[hidden]{display:none}
.fp-rga-lightbox-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.88)}
.fp-rga-lightbox-content{position:absolute;inset:3% 5%;background:#0b0d10;border:1px solid #2a2f3b;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}
.fp-rga-lightbox-stage{position:relative;flex:1;display:flex;align-items:center;justify-content:center;background:#000}
.fp-rga-lightbox-stage img,.fp-rga-lightbox-stage video{max-width:100%;max-height:100%}
/* Controls always visible, large, very high z-index */
.fp-rga-btn{position:absolute;display:flex;align-items:center;justify-content:center;
  background:rgba(0,0,0,.7);color:#fff;border:none;border-radius:12px;width:var(--fp-rga-btn-size,40px);height:var(--fp-rga-btn-size,40px);
  font-size:var(--fp-rga-btn-font,20px);cursor:pointer;box-shadow:0 4px 22px rgba(0,0,0,.6);backdrop-filter:blur(3px);
  z-index:1000000; pointer-events:auto}
.fp-rga-btn:hover{background:rgba(0,0,0,.85)}
.fp-rga-close{right:14px;top:14px}
.fp-rga-prev{left:14px;top:50%;transform:translateY(-50%)}
.fp-rga-next{right:14px;top:50%;transform:translateY(-50%)}
.fp-rga-error{color:#ffb4b4;font-size:14px;padding:8px}
.fp-rga-skeleton{animation:pulse 1.5s infinite;background:linear-gradient(90deg,#222 0%,#333 50%,#222 100%);background-size:200% 100%}
@keyframes pulse{0%{background-position:0 0}100%{background-position:-200% 0}}

.fp-rga-zoomable{cursor: zoom-in;}
.fp-rga-zoomed{cursor: zoom-out;}
.fp-rga-lightbox-stage .fp-rga-pan{will-change: transform; transition: transform 0.08s ease-out;}


/* Admin bar inside cards */
.fp-rga-adminbar{
  position:absolute; right:8px; top:8px; display:flex; gap:6px; z-index:1000001;
}
.fp-rga-adminbtn{
  border:none; padding:6px 8px; border-radius:8px; background:rgba(0,0,0,.65); color:#fff; cursor:pointer;
  font-size:14px; line-height:1; box-shadow:0 2px 10px rgba(0,0,0,.4);
}
.fp-rga-adminbtn:hover{ background:rgba(0,0,0,.85); }
.fp-rga-adminbtn.fp-rga-del{ background:rgba(239,68,68,.85); }
.fp-rga-adminbtn.fp-rga-del:hover{ background:rgba(220,38,38,.95); }