.example-page.svelte-9t63zr{max-width:1400px;margin:0 auto;padding:2rem;display:grid;grid-template-columns:800px 1fr;gap:2rem}.header.svelte-9t63zr{grid-column:1 / -1;margin-bottom:1rem}.header.svelte-9t63zr h1:where(.svelte-9t63zr){font-size:2rem;margin-bottom:.5rem}.description.svelte-9t63zr{color:#666;font-size:1.1rem}.progress-bar.svelte-9t63zr{grid-column:1 / -1;height:8px;background:#e0e0e0;border-radius:4px;overflow:hidden}.progress-fill.svelte-9t63zr{height:100%;background:linear-gradient(90deg,#2196f3,#1976d2);transition:width .3s ease}.stepper.svelte-9t63zr{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;gap:0;padding:2rem 0}.step.svelte-9t63zr{display:flex;flex-direction:column;align-items:center;gap:.5rem;background:none;border:none;cursor:pointer;padding:.5rem 1rem;transition:all .2s}.step.svelte-9t63zr:hover{transform:scale(1.05)}.step-number.svelte-9t63zr{width:48px;height:48px;border-radius:50%;background:#e0e0e0;color:#999;display:flex;align-items:center;justify-content:center;font-weight:700;transition:all .3s}.step.active.svelte-9t63zr .step-number:where(.svelte-9t63zr){background:#2196f3;color:#fff;box-shadow:0 0 0 4px #2196f333}.step.completed.svelte-9t63zr .step-number:where(.svelte-9t63zr){background:#4caf50;color:#fff}.step.error.svelte-9t63zr .step-number:where(.svelte-9t63zr){background:#f44336;color:#fff}.step-title.svelte-9t63zr{font-size:.85rem;color:#666;font-weight:500}.step.active.svelte-9t63zr .step-title:where(.svelte-9t63zr){color:#2196f3;font-weight:600}.step-connector.svelte-9t63zr{flex:1;height:2px;background:#e0e0e0;min-width:40px;transition:background .3s}.step-connector.completed.svelte-9t63zr{background:#4caf50}.form-container.svelte-9t63zr{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.step-content.svelte-9t63zr h2:where(.svelte-9t63zr){margin-top:0;margin-bottom:.5rem}.step-desc.svelte-9t63zr{color:#666;margin-bottom:2rem}.fields.svelte-9t63zr{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.field-row.svelte-9t63zr{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.radio-group.svelte-9t63zr{display:flex;gap:1.5rem;padding:.5rem 0}.radio-group.svelte-9t63zr label:where(.svelte-9t63zr){display:flex;align-items:center;gap:.5rem;cursor:pointer}.summary.svelte-9t63zr{display:flex;flex-direction:column;gap:1.5rem}.summary-section.svelte-9t63zr{padding:1.5rem;background:#f8f9fa;border-radius:6px}.summary-section.svelte-9t63zr h3:where(.svelte-9t63zr){margin:0 0 1rem;font-size:1rem;color:#2196f3}.summary-item.svelte-9t63zr{display:flex;padding:.5rem 0;border-bottom:1px solid #e0e0e0}.summary-item.svelte-9t63zr:last-child{border-bottom:none}.summary-item.svelte-9t63zr .label:where(.svelte-9t63zr){min-width:100px;color:#666;font-size:.9rem}.summary-item.svelte-9t63zr .value:where(.svelte-9t63zr){font-weight:500}.form-actions.svelte-9t63zr{display:flex;gap:1rem;padding-top:1.5rem;border-top:1px solid #e0e0e0}.spacer.svelte-9t63zr{flex:1}.btn-primary.svelte-9t63zr,.btn-secondary.svelte-9t63zr,.btn-submit.svelte-9t63zr{padding:.75rem 2rem;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:all .2s}.btn-primary.svelte-9t63zr{background:#2196f3;color:#fff}.btn-primary.svelte-9t63zr:hover:not(:disabled){background:#1976d2}.btn-primary.svelte-9t63zr:disabled{background:#ccc;cursor:not-allowed}.btn-secondary.svelte-9t63zr{background:#fff;border:1px solid #ddd;color:#666}.btn-secondary.svelte-9t63zr:hover{background:#f5f5f5}.btn-submit.svelte-9t63zr{background:#4caf50;color:#fff}.btn-submit.svelte-9t63zr:hover:not(:disabled){background:#45a049}.btn-submit.svelte-9t63zr:disabled{background:#ccc;cursor:not-allowed}.docs-section.svelte-9t63zr{display:flex;flex-direction:column;gap:1.5rem}.code-section.svelte-9t63zr,.features.svelte-9t63zr,.use-cases.svelte-9t63zr,.tips.svelte-9t63zr{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.code-section.svelte-9t63zr h3:where(.svelte-9t63zr),.features.svelte-9t63zr h3:where(.svelte-9t63zr),.use-cases.svelte-9t63zr h3:where(.svelte-9t63zr),.tips.svelte-9t63zr h3:where(.svelte-9t63zr){margin-top:0;margin-bottom:1rem}.code-block.svelte-9t63zr{margin-bottom:1.5rem}.code-block.svelte-9t63zr:last-child{margin-bottom:0}.code-block.svelte-9t63zr h4:where(.svelte-9t63zr){margin:0 0 .5rem;font-size:.9rem;color:#666}.code-block.svelte-9t63zr pre:where(.svelte-9t63zr){background:#282c34;color:#abb2bf;padding:1rem;border-radius:4px;overflow-x:auto;margin:0}.code-block.svelte-9t63zr code:where(.svelte-9t63zr){font-family:Fira Code,monospace;font-size:.85rem;line-height:1.5}.features.svelte-9t63zr ul:where(.svelte-9t63zr),.use-cases.svelte-9t63zr ul:where(.svelte-9t63zr),.tips.svelte-9t63zr ul:where(.svelte-9t63zr){margin:0;padding-left:1.5rem}.features.svelte-9t63zr li:where(.svelte-9t63zr),.use-cases.svelte-9t63zr li:where(.svelte-9t63zr),.tips.svelte-9t63zr li:where(.svelte-9t63zr){margin-bottom:.5rem;line-height:1.6}@media (max-width: 1200px){.example-page.svelte-9t63zr{grid-template-columns:1fr}.stepper.svelte-9t63zr{flex-wrap:wrap}.step-connector.svelte-9t63zr{display:none}}