.sil-overlay{
 position:fixed; inset:0; background:rgba(0,0,0,.95);
 z-index:999999; display:flex; flex-direction:column;
}
.sil-stage{
 flex:1; display:flex; align-items:center; justify-content:center;
}
.sil-media{
 max-width:92vw; max-height:82vh;
 display:flex; align-items:center; justify-content:center;
}
.sil-current{
 max-width:100%; max-height:100%;
 transition:transform .15s ease;
 outline:none; box-shadow:none;
}

.sil-arrow{
 background:none; border:none; color:#fff; font-size:48px;
 cursor:pointer; padding:10px;
}
.sil-close{
 position:absolute; top:15px; right:20px;
 background:none; border:none; font-size:28px; color:#fff;
}

.sil-thumbs{
 display:flex; justify-content:center; gap:8px;
 padding:10px; overflow-x:auto;
}
.sil-thumb{
 height:64px; opacity:.6; cursor:pointer;
}
.sil-thumb.active{opacity:1; outline:2px solid #4ade80;
}

/* Expand icon */
.sil-hover-wrap{ position:relative; display:inline-block; cursor:zoom-in; }
.sil-hover-icon{
 position:absolute; left:12px; bottom:12px;
 width:42px; height:42px;
 display:flex; align-items:center; justify-content:center;
 background:rgba(0,0,0,.35); border-radius:6px;
 opacity:1; pointer-events:none;
}
.sil-hover-icon svg{ width:20px; height:20px; color:#fff; }