.page-header.svelte-1wcsg7n{background:hsl(var(--muted));padding:2.5rem 0 3rem;border-bottom:1px solid hsl(var(--border))}.page-title.svelte-1wcsg7n{font-size:clamp(1.75rem,3.5vw,2.75rem);font-weight:800;color:hsl(var(--foreground));letter-spacing:-.02em;margin-bottom:1rem;line-height:1.15}.page-summary.svelte-1wcsg7n{font-size:1rem;line-height:1.65;color:hsl(var(--muted-foreground));max-width:640px}.configurator-layout.svelte-1wcsg7n{display:grid;grid-template-columns:1fr;gap:2.5rem;padding:2.5rem 0}@media(min-width:768px){.configurator-layout.svelte-1wcsg7n{grid-template-columns:1fr 1fr;align-items:start}}.config-panel.svelte-1wcsg7n{display:flex;flex-direction:column;gap:1.5rem}.config-title.svelte-1wcsg7n,.preview-title.svelte-1wcsg7n{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.25rem}.config-field.svelte-1wcsg7n{display:flex;flex-direction:column;gap:.5rem}.config-label.svelte-1wcsg7n{font-size:.875rem;font-weight:600;color:hsl(var(--foreground))}.config-select.svelte-1wcsg7n{padding:.625rem 1rem;background:hsl(var(--background));border:1px solid hsl(var(--border));border-radius:var(--radius);font-size:.9375rem;color:hsl(var(--foreground));cursor:pointer;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}.code-box.svelte-1wcsg7n{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1rem;position:relative}.code-pre.svelte-1wcsg7n{font-family:Courier New,Courier,monospace;font-size:.75rem;line-height:1.5;color:hsl(var(--foreground));white-space:pre-wrap;word-break:break-all;margin:0 0 .75rem}.copy-btn.svelte-1wcsg7n{display:inline-block;padding:.5rem 1.25rem;background:hsl(var(--primary));color:hsl(var(--primary-foreground));border:none;border-radius:var(--radius);font-size:.8125rem;font-weight:600;cursor:pointer;transition:opacity .15s ease}.copy-btn.svelte-1wcsg7n:hover{opacity:.9}.preview-panel.svelte-1wcsg7n{display:flex;flex-direction:column;gap:1rem}.preview-frame.svelte-1wcsg7n{background:hsl(var(--muted));border:1px solid hsl(var(--border));border-radius:var(--radius);padding:1.5rem;display:flex;justify-content:center;min-height:300px}.features-section.svelte-1wcsg7n{padding:3rem 0;border-top:1px solid hsl(var(--border))}.features-title.svelte-1wcsg7n{font-size:1.5rem;font-weight:800;color:hsl(var(--foreground));margin-bottom:1.5rem}.features-grid.svelte-1wcsg7n{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(min-width:640px){.features-grid.svelte-1wcsg7n{grid-template-columns:repeat(4,1fr)}}.feature-card.svelte-1wcsg7n{padding:1.25rem;background:hsl(var(--card));border:1px solid hsl(var(--border));border-radius:var(--radius)}.feature-icon.svelte-1wcsg7n{font-size:1.5rem;display:block;margin-bottom:.625rem}.feature-name.svelte-1wcsg7n{font-size:.9375rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:.375rem}.feature-desc.svelte-1wcsg7n{font-size:.8125rem;line-height:1.5;color:hsl(var(--muted-foreground))}.howto-section.svelte-1wcsg7n{padding:2rem 0 3rem;border-top:1px solid hsl(var(--border));max-width:640px}.howto-title.svelte-1wcsg7n{font-size:1.25rem;font-weight:700;color:hsl(var(--foreground));margin-bottom:1rem}.howto-steps.svelte-1wcsg7n{padding-left:1.5rem;display:flex;flex-direction:column;gap:.625rem}.howto-steps.svelte-1wcsg7n li:where(.svelte-1wcsg7n){font-size:.9375rem;line-height:1.6;color:hsl(var(--muted-foreground))}.howto-steps.svelte-1wcsg7n li:where(.svelte-1wcsg7n) strong:where(.svelte-1wcsg7n){color:hsl(var(--foreground))}