.collection.svelte-1dle9it{min-height:100vh;padding:var(--margin)}.grid.svelte-1dle9it{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--margin)}.cell.svelte-1dle9it{position:relative;display:flex;align-items:center;justify-content:center;background-color:var(--surface-secondary);aspect-ratio:1;overflow:hidden}.cell.svelte-1dle9it .thumb:where(.svelte-1dle9it){max-width:50%;max-height:50%;-o-object-fit:contain;object-fit:contain}.cell.svelte-1dle9it .cover:where(.svelte-1dle9it){position:absolute;top:50%;left:50%;width:105%;height:105%;max-width:none;transform:translate(-50%,-50%);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;opacity:0}.cell.svelte-1dle9it:hover .cover:where(.svelte-1dle9it),.cell.svelte-1dle9it:focus-visible .cover:where(.svelte-1dle9it){opacity:1}.filter-bar.svelte-1dle9it{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:2px;background-color:var(--surface-inverse);padding:4px;border-radius:2px;z-index:100;transition:opacity .3s ease}.filter-bar.hidden.svelte-1dle9it{opacity:0;pointer-events:none}.filter-btn.svelte-1dle9it{background:none;border:none;color:var(--text-inverse);font-size:var(--font-size-p);line-height:var(--line-height-p);letter-spacing:var(--letter-spacing-p);text-transform:uppercase;padding:8px 12px;opacity:.5;transition:opacity .2s}.filter-btn.svelte-1dle9it:hover,.filter-btn.active.svelte-1dle9it{opacity:1}@media(max-width:768px){.grid.svelte-1dle9it{grid-template-columns:1fr}}