.frontend-gallery{position:relative;width:100%;margin:0.75rem 0}.frontend-gallery-main{position:relative;width:100%;border-radius:12px;overflow:hidden;background:var(--panel,#1a1a1a)}.frontend-gallery-main img{width:100%;height:auto;display:block;object-fit:cover;aspect-ratio:4/3}.frontend-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,0.6);border:none;color:#fff;font-size:2rem;width:50px;height:50px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;z-index:10;backdrop-filter:blur(4px)}.frontend-gallery-nav:hover{background:rgba(0,0,0,0.8);transform:translateY(-50%) scale(1.1)}.frontend-gallery-nav.prev{left:1rem}.frontend-gallery-nav.next{right:1rem}.frontend-gallery-nav:disabled{opacity:0.3;cursor:not-allowed}.frontend-gallery-counter{position:absolute;bottom:1rem;right:1rem;background:rgba(0,0,0,0.7);color:#fff;padding:0.5rem 1rem;border-radius:20px;font-size:0.9rem;backdrop-filter:blur(4px);z-index:10}.frontend-gallery-thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:0.5rem;margin-top:0.75rem}.frontend-gallery-thumb{position:relative;aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:all 0.2s ease}.frontend-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.frontend-gallery-thumb:hover{border-color:var(--accent,#39ff14);transform:scale(1.05)}.frontend-gallery-thumb.active{border-color:var(--accent,#39ff14);box-shadow:0 0 12px var(--accent,#39ff14)}.frontend-gallery-swipe-hint{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:rgba(255,255,255,0.5);font-size:0.85rem;pointer-events:none;opacity:0;animation:swipeHint 2s ease-in-out infinite}@keyframes swipeHint{0%,100%{opacity:0}50%{opacity:1}}@media (max-width:900px){.frontend-gallery-nav{width:40px;height:40px;font-size:1.5rem}.frontend-gallery-nav.prev{left:0.5rem}.frontend-gallery-nav.next{right:0.5rem}.frontend-gallery-thumbs{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:0.4rem}.frontend-gallery-counter{font-size:0.85rem;padding:0.4rem 0.8rem}}@media (max-width:600px){.frontend-gallery-main img{aspect-ratio:3/4}.frontend-gallery-nav{width:36px;height:36px;font-size:1.2rem}.frontend-gallery-nav.prev{left:0.25rem}.frontend-gallery-nav.next{right:0.25rem}.frontend-gallery-thumbs{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:0.3rem}.frontend-gallery-counter{font-size:0.8rem;padding:0.3rem 0.6rem;bottom:0.5rem;right:0.5rem}.frontend-gallery-swipe-hint{display:block}}@media (max-width:400px){.frontend-gallery-thumbs{display:none}}.frontend-gallery-main.loading{background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}100%{background-position:-200% 0}}