.demo-container.svelte-bud5au{border:1px solid var(--color-border);border-radius:8px;padding:1.5rem;background:var(--color-background-secondary, #f9fafb)}form.svelte-bud5au{display:flex;flex-direction:column;gap:1rem}.field.svelte-bud5au{display:flex;flex-direction:column;gap:.375rem}.field.svelte-bud5au label:where(.svelte-bud5au){font-size:.875rem;font-weight:500}.field.svelte-bud5au input:where(.svelte-bud5au),.field.svelte-bud5au select:where(.svelte-bud5au),.field.svelte-bud5au textarea:where(.svelte-bud5au){padding:.625rem;border:1px solid var(--color-border);border-radius:6px;background:var(--color-background);font-size:.875rem;font-family:inherit}.field.svelte-bud5au input:where(.svelte-bud5au):focus,.field.svelte-bud5au select:where(.svelte-bud5au):focus,.field.svelte-bud5au textarea:where(.svelte-bud5au):focus{outline:2px solid var(--color-primary);outline-offset:-1px}.field.svelte-bud5au input:where(.svelte-bud5au):disabled,.field.svelte-bud5au select:where(.svelte-bud5au):disabled,.field.svelte-bud5au textarea:where(.svelte-bud5au):disabled{opacity:.6;cursor:not-allowed}.field.svelte-bud5au textarea:where(.svelte-bud5au){resize:vertical;min-height:80px}.error.svelte-bud5au{padding:.75rem;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:.875rem}.success.svelte-bud5au{padding:.75rem;background:#dcfce7;border:1px solid #bbf7d0;border-radius:6px;color:#16a34a;font-size:.875rem}button[type=submit].svelte-bud5au{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1rem;background:var(--color-primary);color:#fff;border:none;border-radius:6px;font-size:.875rem;font-weight:500;cursor:pointer;transition:opacity .15s}button[type=submit].svelte-bud5au:hover:not(:disabled){opacity:.9}button[type=submit].svelte-bud5au:disabled{opacity:.5;cursor:not-allowed}.spinner.svelte-bud5au{width:1rem;height:1rem;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:svelte-bud5au-spin .8s linear infinite}@keyframes svelte-bud5au-spin{to{transform:rotate(360deg)}}.status-bar.svelte-bud5au{display:flex;align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border);font-size:.75rem}.status-label.svelte-bud5au{color:var(--color-text-muted)}.status-value.svelte-bud5au{padding:.25rem .5rem;border-radius:4px;font-weight:500}.status-value.idle.svelte-bud5au{background:#f3f4f6;color:#6b7280}.status-value.loading.svelte-bud5au{background:#dbeafe;color:#2563eb}.status-value.success.svelte-bud5au{background:#dcfce7;color:#16a34a}.status-value.error.svelte-bud5au{background:#fef2f2;color:#dc2626}.created-posts.svelte-bud5au{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--color-border)}.created-posts.svelte-bud5au h4:where(.svelte-bud5au){margin:0 0 .75rem;font-size:.8rem;font-weight:500;color:var(--color-text-muted)}.created-post.svelte-bud5au{display:flex;align-items:center;gap:.5rem;padding:.5rem;background:var(--color-background);border:1px solid var(--color-border);border-radius:4px;margin-bottom:.5rem;font-size:.8rem}.category-tag.svelte-bud5au{padding:.125rem .375rem;background:var(--color-primary);color:#fff;border-radius:3px;font-size:.625rem;font-weight:500;text-transform:uppercase}.post-title.svelte-bud5au{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}