.page-container.svelte-17dnqmf{display:flex;flex-direction:column;width:100%;gap:24px}.page-header.svelte-17dnqmf{display:flex;align-items:center;justify-content:space-between;width:100%}.header-title.svelte-17dnqmf{display:flex;align-items:center;gap:8px}.header-title.svelte-17dnqmf h1:where(.svelte-17dnqmf){font-size:24px;line-height:1.2;font-weight:600;color:var(--content-primary);margin:0}.description.svelte-17dnqmf{width:100%;display:flex;flex-direction:column;gap:16px}.description.svelte-17dnqmf p:where(.svelte-17dnqmf){color:var(--content-secondary);margin:0}.cards-grid.svelte-17dnqmf{width:100%;display:flex;flex-wrap:wrap;gap:20px}.demo-card.svelte-17dnqmf{cursor:pointer;width:320px;display:flex;flex-direction:column;gap:12px;border-radius:12px;border:1px solid var(--stroke-light);background:var(--surface-primary);transition:all .3s ease;padding:24px}.demo-card.svelte-17dnqmf:hover{background:var(--surface-secondary);border-color:var(--accent-primary)}.card-content.svelte-17dnqmf{display:flex;align-items:start;justify-content:space-between;gap:12px}.card-text.svelte-17dnqmf{display:flex;flex-direction:column;gap:8px;flex:1}.card-title.svelte-17dnqmf{font-weight:600;font-size:18px;color:var(--content-primary)}.card-description.svelte-17dnqmf{font-size:14px;color:var(--content-secondary)}