.slideshow-container{background:var(--bg-dark);border:1px solid #333;border-radius:12px;flex-direction:column;width:100%;transition:all .3s;display:flex;position:relative;overflow:hidden}.slideshow-container.is-fullscreen{border:none;border-radius:0;height:100vh!important}.slideshow-header{z-index:10;pointer-events:none;justify-content:space-between;align-items:center;width:100%;padding:15px 20px;display:flex;position:absolute;top:0}.slide-counter{color:#fff;background:#0009;border-radius:20px;padding:4px 12px;font-family:monospace;font-size:.8rem}.slide-stage{background:#000;flex-grow:1;align-items:center;height:500px;display:flex;position:relative}.image-viewport{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.slide-image{object-fit:contain;max-width:100%;max-height:100%}.fade-in{animation:.4s ease-out fadeInImg}@keyframes fadeInImg{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.icon-btn,.nav-btn{pointer-events:auto;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#ffffff1a;border:none;justify-content:center;align-items:center;line-height:1;display:flex}.nav-btn.prev{left:20px}.nav-btn.next{right:20px}.nav-btn:hover{background:var(--accent-color);color:#000}.caption-overlay{text-align:center;color:#fff;background:linear-gradient(#0000,#000c);width:100%;padding:40px 20px 20px;position:absolute;bottom:0}.slideshow-footer{background:#1a1a1a;padding:20px}.dots-row{justify-content:center;gap:10px;display:flex}.dot{cursor:pointer;background:#555;border:none;border-radius:50%;width:12px;height:12px;transition:all .3s}.dot.active{background:#61dafb;background:var(--accent-color,#61dafb);box-shadow:0 0 10px var(--accent-color,#0fc);transform:scale(1.3)}.fs-toggle{padding:0;font-size:1.4rem}@media (max-width:768px){.slide-stage{height:350px}.nav-btn{display:none}}