.page-content.svelte-1mx30lj{opacity:0;transform:translateY(1rem);transition:all .7s cubic-bezier(.4,0,.2,1);transition-delay:.1s}.page-content.mounted.svelte-1mx30lj{opacity:1;transform:translateY(0)}.control-group.svelte-18wc8a2{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start}.preview-wrapper.svelte-18wc8a2{background:var(--background);border-radius:var(--radius-md);min-height:300px;overflow:hidden;margin-top:var(--space-3)}.sample-content.svelte-18wc8a2{padding:var(--space-8) var(--space-4);text-align:center}.technical-card{background:var(--surface-secondary)}.technical-grid.svelte-18wc8a2{display:grid;gap:var(--space-4);grid-template-columns:1fr;margin-top:var(--space-3);justify-items:center}.technical-item.svelte-18wc8a2{text-align:center;padding:var(--space-3);background:var(--surface-primary);border-radius:var(--radius-md)}@media (min-width: 640px){.technical-grid.svelte-18wc8a2{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.technical-grid.svelte-18wc8a2{grid-template-columns:repeat(3,1fr)}}.controls-card{background:var(--surface-secondary);margin-bottom:var(--space-4)}.control-group.svelte-1tz3s18{display:flex;flex-direction:column;gap:var(--space-3);align-items:flex-start}.button-group.svelte-1tz3s18{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.preview-card{background:var(--surface-primary);border:2px dashed var(--border);margin-bottom:var(--space-4)}.preview-wrapper.svelte-1tz3s18{background:var(--background);border-radius:var(--radius-md);min-height:300px;overflow:hidden;margin-top:var(--space-3)}.sample-content.svelte-1tz3s18{padding:var(--space-6) var(--space-4);text-align:left}.article-spacer.svelte-1tz3s18{height:var(--space-3)}.form-spacer.svelte-1tz3s18{height:var(--space-2)}.form-field.svelte-1tz3s18{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-3)}.form-input.svelte-1tz3s18,.form-textarea.svelte-1tz3s18{padding:var(--space-2) var(--space-3);background:var(--surface-secondary);border:1px solid var(--border);border-radius:var(--radius-sm);font-family:inherit;font-size:var(--text-sm);color:var(--text-color-medium)}.form-textarea.svelte-1tz3s18{min-height:80px;resize:none}.button-group.svelte-1tz3s18{flex-direction:column;align-items:stretch}@media (min-width: 769px){.button-group.svelte-1tz3s18{flex-direction:row;align-items:center}}.showcase-content.svelte-7fqd16{padding:var(--space-6)}