.demo-container.svelte-sa8y7s{border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;background:var(--color-background-secondary, #f9fafb)}.controls.svelte-sa8y7s{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.filter.svelte-sa8y7s{display:flex;align-items:center;gap:.5rem}.filter.svelte-sa8y7s label:where(.svelte-sa8y7s){font-weight:500;font-size:.875rem}.filter.svelte-sa8y7s select:where(.svelte-sa8y7s){padding:.5rem;border:1px solid var(--color-border);border-radius:4px;background:var(--color-background);font-size:.875rem}.stats.svelte-sa8y7s{font-size:.75rem;color:var(--color-text-muted)}.posts-list.svelte-sa8y7s{display:flex;flex-direction:column;gap:.75rem}.post-card.svelte-sa8y7s{padding:1rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:6px}.post-card.svelte-sa8y7s .category:where(.svelte-sa8y7s){display:inline-block;padding:.125rem .5rem;background:var(--color-primary);color:#fff;border-radius:4px;font-size:.625rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.post-card.svelte-sa8y7s h4:where(.svelte-sa8y7s){margin:.5rem 0 .25rem;font-size:.95rem;line-height:1.3}.post-card.svelte-sa8y7s .excerpt:where(.svelte-sa8y7s){margin:0;font-size:.8rem;color:var(--color-text-muted);line-height:1.4}.post-meta.svelte-sa8y7s{display:flex;justify-content:space-between;margin-top:.75rem;font-size:.7rem;color:var(--color-text-muted)}.loading.svelte-sa8y7s{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:1rem;color:var(--color-text-muted);font-size:.875rem}.spinner.svelte-sa8y7s{width:1rem;height:1rem;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:svelte-sa8y7s-spin .8s linear infinite}@keyframes svelte-sa8y7s-spin{to{transform:rotate(360deg)}}.load-more.svelte-sa8y7s{display:block;width:100%;padding:.75rem;margin-top:1rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer}.load-more.svelte-sa8y7s:hover{opacity:.9}.end-message.svelte-sa8y7s{text-align:center;padding:1rem;color:var(--color-text-muted);font-size:.875rem;margin:0}.error.svelte-sa8y7s{padding:1rem;background:#fef2f2;border:1px solid #fecaca;border-radius:4px;color:#dc2626;font-size:.875rem;margin-top:1rem}