.example-page.svelte-9o7mic{max-width:1600px;margin:0 auto;padding:2rem}.header.svelte-9o7mic{margin-bottom:2rem}.header.svelte-9o7mic h1:where(.svelte-9o7mic){font-size:2rem;margin-bottom:.5rem}.description.svelte-9o7mic{color:#666;font-size:1.1rem}.content.svelte-9o7mic{display:grid;grid-template-columns:650px 1fr;gap:2rem}.form-section.svelte-9o7mic h2:where(.svelte-9o7mic),.docs-section.svelte-9o7mic h3:where(.svelte-9o7mic){margin-top:0}.section.svelte-9o7mic{padding:1.5rem;background:#f8f9fa;border-radius:6px}.section.svelte-9o7mic h3:where(.svelte-9o7mic){margin-top:0;margin-bottom:1.5rem;font-size:1.1rem}.hint.svelte-9o7mic{margin-top:.5rem;font-size:.85rem;color:#666;padding:.5rem;background:#fff;border-left:3px solid #2196f3;border-radius:2px}.hint.svelte-9o7mic code:where(.svelte-9o7mic){background:#e8f5e9;padding:.2rem .4rem;border-radius:2px;font-family:Fira Code,monospace;font-size:.85rem}.char-count.svelte-9o7mic{float:right;color:#999}.input-with-prefix.svelte-9o7mic{position:relative;display:flex;align-items:center}.prefix.svelte-9o7mic{position:absolute;left:12px;color:#999;font-weight:500}.input-with-prefix.svelte-9o7mic input:where(.svelte-9o7mic){padding-left:2rem}.btn-submit.svelte-9o7mic{padding:.75rem 2rem;background:#2196f3;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background .2s}.btn-submit.svelte-9o7mic:hover:not(:disabled){background:#1976d2}.btn-submit.svelte-9o7mic:disabled{background:#ccc;cursor:not-allowed}.docs-section.svelte-9o7mic{display:flex;flex-direction:column;gap:1.5rem}.preview-panel.svelte-9o7mic,.code-section.svelte-9o7mic,.transformers-list.svelte-9o7mic,.use-cases.svelte-9o7mic,.best-practices.svelte-9o7mic{background:#fff;padding:1.5rem;border-radius:8px;box-shadow:0 2px 8px #0000001a}.preview-panel.svelte-9o7mic h3:where(.svelte-9o7mic),.code-section.svelte-9o7mic h3:where(.svelte-9o7mic),.transformers-list.svelte-9o7mic h3:where(.svelte-9o7mic),.use-cases.svelte-9o7mic h3:where(.svelte-9o7mic),.best-practices.svelte-9o7mic h3:where(.svelte-9o7mic){margin-top:0;margin-bottom:1rem}.preview-item.svelte-9o7mic{display:flex;align-items:center;gap:1rem;padding:.75rem;background:#f8f9fa;border-radius:4px;margin-bottom:.5rem}.preview-item.svelte-9o7mic .label:where(.svelte-9o7mic){min-width:80px;color:#666;font-size:.9rem}.preview-item.svelte-9o7mic code:where(.svelte-9o7mic){flex:1;padding:.5rem;background:#fff;border:1px solid #e0e0e0;border-radius:3px;font-family:Fira Code,monospace;font-size:.85rem;color:#2196f3}.preview-item.svelte-9o7mic code.url:where(.svelte-9o7mic){word-break:break-all}.code-block.svelte-9o7mic{margin-bottom:1.5rem}.code-block.svelte-9o7mic h4:where(.svelte-9o7mic){margin:0 0 .5rem;font-size:.9rem;color:#666}.code-block.svelte-9o7mic pre:where(.svelte-9o7mic){background:#282c34;color:#abb2bf;padding:1rem;border-radius:4px;overflow-x:auto;margin:0}.code-block.svelte-9o7mic code:where(.svelte-9o7mic){font-family:Fira Code,monospace;font-size:.85rem;line-height:1.5}.transformers-list.svelte-9o7mic ul:where(.svelte-9o7mic),.use-cases.svelte-9o7mic ul:where(.svelte-9o7mic),.best-practices.svelte-9o7mic ul:where(.svelte-9o7mic){margin:0;padding-left:1.5rem}.transformers-list.svelte-9o7mic li:where(.svelte-9o7mic){display:flex;align-items:center;gap:1rem;margin-bottom:.75rem;padding:.5rem;background:#f8f9fa;border-radius:4px}.transformers-list.svelte-9o7mic li:where(.svelte-9o7mic) code:where(.svelte-9o7mic){min-width:200px;background:#fff;padding:.25rem .5rem;border-radius:3px;font-family:Fira Code,monospace;font-size:.85rem;color:#2196f3}.transformers-list.svelte-9o7mic li:where(.svelte-9o7mic) .desc:where(.svelte-9o7mic){color:#666;font-size:.9rem}.use-cases.svelte-9o7mic li:where(.svelte-9o7mic),.best-practices.svelte-9o7mic li:where(.svelte-9o7mic){margin-bottom:.5rem;line-height:1.6}@media (max-width: 1200px){.content.svelte-9o7mic{grid-template-columns:1fr}}