.frgallery{width:min(1200px,94vw);height:min(850px,92vh);max-width:94vw;max-height:92vh;padding:0;border:1px solid #334155;border-radius:16px;background:#0f172a;color:#f8fafc;box-shadow:0 24px 100px #0008;font:14px/1.4 system-ui,Segoe UI,sans-serif;overflow:hidden;}
.frgallery[open]{display:flex;flex-direction:column;}
.frgallery::backdrop{background:#020617c9;backdrop-filter:blur(5px);}
.frgallery *{box-sizing:border-box;}
.frgallerybar{display:flex;align-items:center;gap:18px;padding:14px 18px;border-bottom:1px solid #334155;}
.frgalleryheading{flex:1;min-width:0;}.frgalleryheading strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;}.frgallerycount{color:#94a3b8;font-size:12px;}
.frgalleryopen{color:#bfdbfe;text-decoration:none;font-size:12px;}.frgalleryopen:hover{text-decoration:underline;}
.frgallery button{border:1px solid #475569;border-radius:9px;background:#1e293b;color:#f8fafc;cursor:pointer;}.frgallery button:hover{background:#334155;}.frgallery button:focus-visible,.frgallery a:focus-visible{outline:2px solid #60a5fa;outline-offset:2px;}
.frgalleryclose{width:36px;height:36px;font-size:26px;line-height:1;flex-shrink:0;}
.frgallerystage{display:flex;align-items:center;gap:10px;flex:1;min-height:0;padding:14px;}.frgalleryprev,.frgallerynext{width:38px;height:56px;flex-shrink:0;font-size:30px;}.frgallery [hidden]{display:none!important;}
.frgallerycontent{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;}.frgallerycontent>img{display:block;max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;background:white;}.frgallerycontent iframe{width:100%;flex:1;min-height:0;border:0;border-radius:8px;background:white;}.frgalleryhint{color:#cbd5e1;font-size:12px;text-align:center;}
.frgallerythumbs{display:flex;gap:8px;flex-shrink:0;overflow-x:auto;padding:12px 18px;border-top:1px solid #334155;}.frgallerythumbs button{width:72px;height:56px;padding:4px;flex-shrink:0;}.frgallerythumbs img{width:100%;height:100%;object-fit:contain;}.frgallerythumbs button[aria-current=true]{border:2px solid #60a5fa;background:#1e3a5f;}
@media(max-width:600px){.frgallerybar{gap:8px;padding:10px;}.frgalleryopen{max-width:100px;}.frgallerystage{gap:4px;padding:6px;}.frgalleryprev,.frgallerynext{width:28px;height:44px;}.frgallerythumbs{padding:8px;}.frgalleryheading strong{font-size:13px;}}
.frgalleryoverview{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:10px;width:100%;height:100%;overflow:auto;align-content:start;padding:4px;}.frgalleryoverview button{padding:4px;min-height:110px;}.frgalleryoverview img{display:block;width:100%;height:130px;object-fit:contain;}.frgalleryaction{align-self:center;margin:0 12px 12px;padding:10px 18px;}