.demo-page.svelte-1du1zi4{padding:var(--space-8) 0 var(--space-16)}.demo-header.svelte-1du1zi4{text-align:center;margin-bottom:var(--space-12)}.back-link.svelte-1du1zi4{display:inline-block;margin-bottom:var(--space-4);color:var(--color-text-muted);text-decoration:none}.back-link.svelte-1du1zi4:hover{color:var(--color-text-primary)}.demo-header.svelte-1du1zi4 h1:where(.svelte-1du1zi4){font-size:var(--text-4xl);margin:var(--space-4) 0}.subtitle.svelte-1du1zi4{font-size:var(--text-lg);color:var(--color-text-secondary);max-width:600px;margin:0 auto}.demo-card.svelte-1du1zi4{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);max-width:800px;margin:0 auto var(--space-12)}.demo-section.svelte-1du1zi4{margin-bottom:var(--space-8)}.demo-section.svelte-1du1zi4 h2:where(.svelte-1du1zi4){margin-bottom:var(--space-6)}.input-group.svelte-1du1zi4{margin-bottom:var(--space-6)}.input-group.svelte-1du1zi4 label:where(.svelte-1du1zi4){display:block;font-weight:500;margin-bottom:var(--space-2)}.input-group.svelte-1du1zi4 textarea:where(.svelte-1du1zi4){width:100%;padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-primary);color:var(--color-text-primary);font-size:var(--text-base);resize:vertical}.input-group.svelte-1du1zi4 textarea:where(.svelte-1du1zi4):focus{outline:none;border-color:var(--color-accent-primary)}.toggle-section.svelte-1du1zi4{background:#8b5cf61a;border:1px solid rgba(139,92,246,.3);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.toggle-header.svelte-1du1zi4{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.toggle-header.svelte-1du1zi4 h3:where(.svelte-1du1zi4){margin:0;font-size:var(--text-lg)}.toggle-description.svelte-1du1zi4{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4)}.toggle.svelte-1du1zi4{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.toggle.svelte-1du1zi4 input:where(.svelte-1du1zi4){display:none}.toggle-slider.svelte-1du1zi4{width:48px;height:26px;background:var(--color-bg-tertiary);border-radius:var(--radius-full);position:relative;transition:background var(--transition-fast)}.toggle-slider.svelte-1du1zi4:before{content:"";position:absolute;width:20px;height:20px;background:#fff;border-radius:var(--radius-full);top:3px;left:3px;transition:transform var(--transition-fast)}.toggle.svelte-1du1zi4 input:where(.svelte-1du1zi4):checked+.toggle-slider:where(.svelte-1du1zi4){background:var(--color-accent-primary)}.toggle.svelte-1du1zi4 input:where(.svelte-1du1zi4):checked+.toggle-slider:where(.svelte-1du1zi4):before{transform:translate(22px)}.toggle-label.svelte-1du1zi4{font-weight:500}.generate-btn.svelte-1du1zi4{width:100%}.spinner.svelte-1du1zi4{display:inline-block;width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:svelte-1du1zi4-spin .8s linear infinite;margin-right:var(--space-2)}@keyframes svelte-1du1zi4-spin{to{transform:rotate(360deg)}}.error-message.svelte-1du1zi4{color:var(--color-error);text-align:center;margin-top:var(--space-4)}.output-section.svelte-1du1zi4{border-top:1px solid var(--color-border);padding-top:var(--space-6)}.output-box.svelte-1du1zi4{background:var(--color-bg-secondary);border-radius:var(--radius-lg);padding:var(--space-6)}.generated-text.svelte-1du1zi4{font-size:var(--text-lg);line-height:1.7}.skeleton-text.svelte-1du1zi4{height:20px;background:linear-gradient(90deg,var(--color-bg-tertiary) 25%,var(--color-bg-primary) 50%,var(--color-bg-tertiary) 75%);background-size:200% 100%;animation:svelte-1du1zi4-shimmer 1.5s infinite;border-radius:var(--radius-md);margin-bottom:var(--space-3)}.skeleton-text.short.svelte-1du1zi4{width:60%}@keyframes svelte-1du1zi4-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.prompt-reveal.svelte-1du1zi4{text-align:center;padding-top:var(--space-4);border-top:1px dashed var(--color-border)}.prompt-display.svelte-1du1zi4{margin-top:var(--space-4);text-align:left}.prompt-display.svelte-1du1zi4 h4:where(.svelte-1du1zi4){margin-bottom:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted)}.prompt-text.svelte-1du1zi4{background:var(--color-bg-secondary);padding:var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);white-space:pre-wrap;overflow-x:auto;color:var(--color-text-secondary)}.explanation-section.svelte-1du1zi4{max-width:900px;margin:0 auto var(--space-12)}.explanation-section.svelte-1du1zi4 h2:where(.svelte-1du1zi4){text-align:center;margin-bottom:var(--space-8)}.explanation-grid.svelte-1du1zi4{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.explanation-card.svelte-1du1zi4{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}.explanation-card.svelte-1du1zi4 h3:where(.svelte-1du1zi4){margin-bottom:var(--space-3);font-size:var(--text-lg)}.explanation-card.svelte-1du1zi4 p:where(.svelte-1du1zi4){color:var(--color-text-secondary);font-size:var(--text-sm)}.demo-cta.svelte-1du1zi4{display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}@media(max-width:768px){.explanation-grid.svelte-1du1zi4{grid-template-columns:1fr}.demo-cta.svelte-1du1zi4{flex-direction:column;align-items:center}.toggle-header.svelte-1du1zi4{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}