.animation-browser.svelte-uym4pm{container-type:inline-size;min-width:0}.browser-controls.svelte-uym4pm{display:flex;flex-wrap:wrap;align-items:end;gap:12px}.browser-controls.svelte-uym4pm label:where(.svelte-uym4pm){display:grid;gap:6px;font-size:13px;font-weight:600;flex:1 1 180px;min-width:0}.browser-controls.svelte-uym4pm .input:where(.svelte-uym4pm){width:100%;min-width:0;min-height:44px}.browser-controls.svelte-uym4pm button:where(.svelte-uym4pm),.browser-pagination.svelte-uym4pm button:where(.svelte-uym4pm){min-height:44px}.results.svelte-uym4pm{font-size:13px;color:var(--muted);margin:16px 0;overflow-wrap:anywhere}.animation-grid.svelte-uym4pm{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.animation-card.svelte-uym4pm{min-width:0;border:1px solid var(--line);border-radius:10px;background:var(--surface);display:flex;flex-direction:column}.animation-card.chosen.svelte-uym4pm{border-color:var(--accent-ink);box-shadow:0 0 0 1px var(--accent-ink)}.animation-art.svelte-uym4pm{aspect-ratio:16/9;min-width:0;border-radius:9px 9px 0 0;overflow:hidden;background:var(--paper-2)}.animation-art.svelte-uym4pm svg{display:block;width:100%;height:100%}.animation-copy.svelte-uym4pm{padding:14px;display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.card-heading.svelte-uym4pm{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}h3.svelte-uym4pm{font-size:15px;line-height:1.3;overflow-wrap:anywhere}.selection.svelte-uym4pm{font-size:11px;font-weight:700;color:var(--accent-ink)}.animation-copy.svelte-uym4pm p:where(.svelte-uym4pm){font-size:13px;color:var(--muted);line-height:1.5;overflow-wrap:anywhere}.animation-copy.svelte-uym4pm button:where(.svelte-uym4pm){align-self:start;margin-top:auto;white-space:normal;min-height:44px}.browser-pagination.svelte-uym4pm{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:20px;font-size:13px}.empty.svelte-uym4pm{padding:24px 0;color:var(--muted)}@container (max-width:950px){.animation-grid.svelte-uym4pm{grid-template-columns:repeat(2,minmax(0,1fr))}}.compact.svelte-uym4pm .animation-grid:where(.svelte-uym4pm){grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.compact.svelte-uym4pm .animation-copy:where(.svelte-uym4pm){padding:12px}@container (max-width:700px){.compact.svelte-uym4pm .animation-grid:where(.svelte-uym4pm){grid-template-columns:repeat(2,minmax(0,1fr))}}@container (max-width:460px){.compact.svelte-uym4pm .browser-controls:where(.svelte-uym4pm){display:grid;grid-template-columns:minmax(0,1fr) auto}.compact.svelte-uym4pm .browser-controls:where(.svelte-uym4pm) label:where(.svelte-uym4pm):first-child{grid-column:1 / -1}.animation-grid.svelte-uym4pm{grid-template-columns:minmax(0,1fr);gap:12px}.compact.svelte-uym4pm .animation-grid:where(.svelte-uym4pm){grid-template-columns:minmax(0,1fr)}.animation-card.svelte-uym4pm{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start}.animation-art.svelte-uym4pm{border-radius:9px 0 0;align-self:center}.animation-copy.svelte-uym4pm{padding:12px;gap:8px}.browser-controls.svelte-uym4pm label:where(.svelte-uym4pm){flex-basis:100%}.browser-controls.svelte-uym4pm button:where(.svelte-uym4pm){width:100%}}