.header.svelte-1bueben{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:32px;display:flex}h1.svelte-1bueben{font-size:24px;font-weight:600}.filters.svelte-1bueben{flex-wrap:wrap;gap:8px;display:flex}.filters.svelte-1bueben button:where(.svelte-1bueben){background:var(--surface);border:1px solid var(--border);color:var(--text-muted);border-radius:20px;padding:6px 14px;font-size:13px;transition:all .15s}.filters.svelte-1bueben button.active:where(.svelte-1bueben){background:var(--accent);border-color:var(--accent);color:#fff}.filters.svelte-1bueben button:where(.svelte-1bueben):hover:not(.active){border-color:var(--text-muted);color:var(--text)}.empty.svelte-1bueben{text-align:center;color:var(--text-muted);padding:80px 24px}.grid.svelte-1bueben{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;display:grid}.card.svelte-1bueben{border-radius:var(--radius);background:var(--surface);border:1px solid var(--border);color:inherit;text-decoration:none;transition:border-color .15s,transform .15s;overflow:hidden}.card.svelte-1bueben:hover{border-color:var(--accent);transform:translateY(-2px)}.card-thumb.svelte-1bueben{background:var(--bg);height:220px;overflow:hidden}.card-thumb.svelte-1bueben img:where(.svelte-1bueben){object-fit:cover;object-position:top;width:100%;height:100%}.placeholder.svelte-1bueben{width:100%;height:100%;color:var(--text-muted);background:var(--surface-hover);justify-content:center;align-items:center;font-size:48px;font-weight:700;display:flex}.placeholder.capturing.svelte-1bueben{color:var(--accent);font-size:14px}.placeholder.failed.svelte-1bueben{color:#ef4444;font-size:14px}.card-info.svelte-1bueben{padding:12px 16px}.card-top.svelte-1bueben{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.badge.svelte-1bueben{text-transform:uppercase;letter-spacing:.5px;background:var(--accent)22;color:var(--accent);border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600}.status.svelte-1bueben{color:#f87171;background:#7f1d1d33;border-radius:4px;padding:3px 8px;font-size:11px}.status.done.svelte-1bueben{color:#4ade80;background:#14532d33}.status.failed.svelte-1bueben{color:#ef4444;background:#7f1d1d33}.card-info.svelte-1bueben h3:where(.svelte-1bueben){margin-bottom:2px;font-size:15px;font-weight:600}.card-info.svelte-1bueben p:where(.svelte-1bueben){color:var(--text-muted);font-family:SF Mono,Monaco,monospace;font-size:13px}