#student-gallery{width:min(1100px,94vw);max-height:92dvh;overflow:auto;padding:24px;border:1px solid #887146;border-radius:18px;background:#102833;color:#f8ead0}
#student-gallery::backdrop,.gallery-lightbox::backdrop{background:#06141de8}
#student-gallery header{display:flex;justify-content:space-between;align-items:center;gap:16px}
#student-gallery h2{font:32px Georgia;color:#f8ead0;margin:0}
#student-gallery p{color:#e0ddcd}
#student-gallery button,#library-gallery,#open-gallery,.gallery-lightbox button{min-height:44px;padding:10px 16px;border:1px solid #887146;border-radius:12px;background:#193e46;color:#f8ead0;font:600 14px system-ui}
#student-gallery nav{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0}
#student-gallery [aria-pressed=true]{background:#f7e7bf;color:#193e46}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px}
.gallery-item{border:1px solid #45616b;border-radius:12px;overflow:hidden;background:#142c35}
.gallery-item h3{font:15px system-ui;padding:0 14px;color:#f8ead0;overflow-wrap:anywhere}
.gallery-item .gallery-show{display:block;margin:0 14px 14px;width:calc(100% - 28px);background:#f7e7bf;color:#193e46}
#student-gallery .gallery-picture{border:0;border-radius:0;padding:0;width:100%;display:block;background:transparent}
.gallery-picture img,.gallery-item video{display:block;width:100%;aspect-ratio:3/2;object-fit:contain;background:#081c28}
.gallery-lightbox{position:relative;width:100vw;max-width:none;height:100dvh;max-height:none;background:#071922;border:0;padding:58px 64px 18px;overflow:hidden}
.gallery-lightbox img{display:block;width:100%;height:calc(100dvh - 78px);object-fit:contain;margin:auto}.gallery-lightbox-bar{position:absolute;z-index:2;left:12px;right:12px;top:8px;display:flex;align-items:center;gap:14px}.gallery-lightbox-bar p{flex:1;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#f8ead0}.gallery-lightbox-bar span{color:#f7d99e}.gallery-lightbox .gallery-lightbox-close{margin:0}.gallery-lightbox-prev,.gallery-lightbox-next{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:50px;height:70px;padding:0!important;margin:0!important;font-size:42px!important;background:#102833cc!important}.gallery-lightbox-prev{left:8px}.gallery-lightbox-next{right:8px}@media(max-width:700px){.gallery-lightbox{padding-left:50px;padding-right:50px}.gallery-lightbox-prev,.gallery-lightbox-next{width:42px}.gallery-lightbox-bar p{display:none}}
#library-gallery{display:block;margin:12px 0 26px}