body { font-family: Arial; margin:20px; }

.gallery {
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(150px,1fr));
    gap:10px;
}

.gallery img {
    width:100%;
    height:150px;
    object-fit:cover;
    border-radius:8px;
    cursor:pointer;
}

.folders a {
    display:inline-block;
    margin:5px;
    padding:6px;
    background:#eee;
    border-radius:6px;
    text-decoration:none;
}

/* LIGHTBOX */
#lightbox {
    position:fixed;
    inset:0;
    display:none;
    background:rgba(0,0,0,0.9);
    justify-content:center;
    align-items:center;
}

#lightbox img {
    max-width:90%;
    max-height:90%;
}

#playBtn {
    position:absolute;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
    font-size:24px;
    background:rgba(255,255,255,0.2);
    color:white;
    border:none;
    padding:10px;
    border-radius:50%;
}