:root{--radius-2: 5px;--size-1: .25rem;--font-size-0: .75rem;--radius-1: 2px;--size-2: .5rem}.media-card.svelte-1va511t{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-2);overflow:hidden;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease}.media-card.svelte-1va511t:hover{box-shadow:var(--shadow-popover);transform:translateY(-1px)}.media-card.svelte-1va511t:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.thumb-wrapper.svelte-1va511t{position:relative}.thumb.svelte-1va511t{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.badge.svelte-1va511t{position:absolute;bottom:var(--size-1);left:var(--size-1);background:#000000a6;color:var(--color-text-inverse);font-size:var(--font-size-0);padding:.1em .4em;border-radius:var(--radius-1)}.category-pill.svelte-1va511t{position:absolute;bottom:var(--size-1);left:var(--size-1);z-index:1}.primary-badge.svelte-1va511t{position:absolute;top:var(--size-1);right:var(--size-1);color:var(--color-featured);font-size:1.25rem;line-height:1;filter:drop-shadow(0 1px 2px rgba(0,0,0,.5))}.actions.svelte-1va511t{display:flex;gap:var(--size-1);padding:var(--size-1)}.action-btn.svelte-1va511t{flex:1;background:none;border:1px solid var(--color-border-soft);border-radius:var(--radius-1);padding:var(--size-1) var(--size-2);font-size:var(--font-size-0);cursor:pointer;color:var(--color-text-muted);transition:color .15s ease}.action-btn.svelte-1va511t:hover{color:var(--color-text);border-color:var(--color-border)}.action-btn--danger.svelte-1va511t:hover{color:var(--color-error-text);border-color:var(--color-error-text)}:root{--size-2: .5rem;--radius-2: 5px;--size-3: 1rem;--size-1: .25rem;--font-size-1: 1rem}.lightbox-content.svelte-jk010i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:var(--size-2)}.display-img.svelte-jk010i{max-width:90vw;max-height:80vh;object-fit:contain;border-radius:var(--radius-2)}.close-btn.svelte-jk010i{position:absolute;top:var(--size-3);right:var(--size-3);background:none;border:none;color:var(--color-text-inverse);font-size:2rem;cursor:pointer;padding:var(--size-1);line-height:1;opacity:.8}.close-btn.svelte-jk010i:hover{opacity:1}.nav-btn.svelte-jk010i{position:absolute;top:50%;transform:translateY(-50%);background:var(--color-scrim);border:none;color:var(--color-text-inverse);font-size:2.5rem;padding:var(--size-2) var(--size-3);cursor:pointer;border-radius:var(--radius-2);line-height:1;opacity:.7;transition:opacity .15s ease}.nav-btn.svelte-jk010i:hover{opacity:1}.nav-btn--prev.svelte-jk010i{left:-4rem}.nav-btn--next.svelte-jk010i{right:-4rem}.lightbox-footer.svelte-jk010i{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--size-3);color:var(--color-text-inverse-muted);font-size:var(--font-size-1)}.uploader-link.svelte-jk010i{color:var(--color-link)}@media(max-width:40rem){.nav-btn--prev.svelte-jk010i{left:.5rem}.nav-btn--next.svelte-jk010i{right:.5rem}}:root{--size-2: .5rem;--size-4: 1.25rem;--radius-2: 5px;--size-1: .25rem;--size-3: 1rem;--font-size-1: 1rem;--size-6: 1.75rem}.filters.svelte-15l0597{display:flex;flex-wrap:wrap;gap:var(--size-2);margin-bottom:var(--size-4)}.filter-btn.svelte-15l0597{background:none;border:1px solid var(--color-border-soft);border-radius:var(--radius-2);padding:var(--size-1) var(--size-3);font-size:var(--font-size-1);color:var(--color-text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease}.filter-btn.svelte-15l0597:hover{color:var(--color-text);border-color:var(--color-border)}.filter-btn.active.svelte-15l0597{color:var(--color-link);border-color:var(--color-link)}.grid.svelte-15l0597{display:grid;grid-template-columns:repeat(auto-fill,minmax(14rem,1fr));gap:var(--size-4)}.card-slot.svelte-15l0597{border-radius:var(--radius-2)}.card-slot.highlight.svelte-15l0597{animation:svelte-15l0597-highlight-pulse 1.6s ease-out}@keyframes svelte-15l0597-highlight-pulse{0%{box-shadow:0 0 0 0 var(--color-accent)}30%{box-shadow:0 0 0 6px color-mix(in srgb,var(--color-accent) 35%,transparent)}to{box-shadow:0 0 0 0 transparent}}.empty.svelte-15l0597{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-1);padding:var(--size-6) 0}.sentinel.svelte-15l0597{height:1px}
