#gallery-root{flex:1;min-height:0;overflow-y:auto;display:flex;flex-direction:column}#gallery-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;gap:.6rem;padding:.6rem 1rem;background:hsl(var(--background) / .92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid hsl(var(--border));flex-shrink:0}.gallery-back{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;color:hsl(var(--foreground));text-decoration:none;flex-shrink:0;transition:background .12s}.gallery-back:hover{background:hsl(var(--muted))}.gallery-back svg{width:1.2rem;height:1.2rem}.gallery-title{font-size:1rem;font-weight:600;color:hsl(var(--foreground));margin:0;line-height:1.2}#gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,125px);justify-content:center;gap:4px;padding:10px;flex:1}#gallery-sentinel{grid-column:1 / -1;height:1px}.gallery-tile{position:relative;width:125px;height:125px;border-radius:6px;overflow:hidden;cursor:pointer;outline:none;background:hsl(var(--muted));transition:transform .12s ease,box-shadow .12s ease}.gallery-tile:hover,.gallery-tile:focus-visible{transform:scale(1.04);box-shadow:0 4px 18px #00000052;z-index:1}.gallery-tile-bg{width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}.gallery-tile-bg:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:hsl(var(--muted));opacity:0;transition:opacity .2s}.gallery-tile--loading .gallery-tile-bg:after{opacity:1}.gallery-tile-badge{position:absolute;top:5px;right:5px;width:1.35rem;height:1.35rem;display:inline-flex;align-items:center;justify-content:center;background:hsl(var(--card) / .82);border-radius:50%;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:hsl(var(--foreground));pointer-events:none;flex-shrink:0}.gallery-tile-badge svg{width:.65rem;height:.65rem}.gallery-tile-goto{position:absolute;bottom:5px;left:5px;width:1.55rem;height:1.55rem;display:inline-flex;align-items:center;justify-content:center;background:hsl(var(--card) / .82);border-radius:50%;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:hsl(var(--foreground));text-decoration:none;z-index:2;transition:background .12s,color .12s,transform .12s}.gallery-tile-goto:hover{background:hsl(var(--primary));color:hsl(var(--primary-foreground));transform:scale(1.12)}.gallery-tile-goto svg{width:.75rem;height:.75rem}#gallery-empty{text-align:center;padding:4rem 1.5rem;color:hsl(var(--muted-foreground));font-size:.95rem;margin:0}#gallery-spinner{display:flex;justify-content:center;padding:1.5rem;color:hsl(var(--muted-foreground));flex-shrink:0}#gallery-spinner[hidden]{display:none!important}#gallery-spinner svg{animation:gallery-spin 1s linear infinite}@keyframes gallery-spin{to{transform:rotate(360deg)}}#gallery-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}#gallery-lightbox[hidden]{display:none!important}#gallery-lightbox-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000e0;cursor:zoom-out}#gallery-lightbox-close{position:absolute;top:.85rem;right:.85rem;z-index:2;width:2.2rem;height:2.2rem;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;font-size:1rem;line-height:1;cursor:pointer;background:hsl(var(--card) / .85);color:hsl(var(--foreground));backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background .12s,color .12s}#gallery-lightbox-close:hover{background:hsl(var(--destructive));color:hsl(var(--destructive-foreground))}#gallery-lightbox-frame{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;max-width:92vw;max-height:92vh}#gallery-lightbox-img,#gallery-lightbox-video{max-width:92vw;max-height:92vh;object-fit:contain;border-radius:6px;display:block}#gallery-lightbox-img[hidden],#gallery-lightbox-video[hidden]{display:none!important}#gallery-lightbox-prev,#gallery-lightbox-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;display:inline-flex;align-items:center;justify-content:center;width:2.6rem;height:2.6rem;padding:0;border:none;border-radius:9999px;font-size:1.6rem;line-height:1;cursor:pointer;color:hsl(var(--foreground));background:hsl(var(--card) / .88);box-shadow:0 0 0 1px hsl(var(--border)),0 4px 14px #00000040;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);transition:background-color .12s ease;-webkit-user-select:none;user-select:none}#gallery-lightbox-prev{left:.75rem}#gallery-lightbox-next{right:.75rem}#gallery-lightbox-prev[hidden],#gallery-lightbox-next[hidden],#gallery-lightbox-counter[hidden]{display:none!important}#gallery-lightbox-counter{position:absolute;bottom:1rem;left:50%;transform:translate(-50%);z-index:2;font-size:.78rem;font-weight:500;color:hsl(var(--foreground));background:hsl(var(--card) / .82);padding:.2rem .65rem;border-radius:9999px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);pointer-events:none;white-space:nowrap}