.section.svelte-1pi81bh{flex-direction:column;gap:2rem;display:flex}.section-header.svelte-1pi81bh h1:where(.svelte-1pi81bh){margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.section-header.svelte-1pi81bh p:where(.svelte-1pi81bh){color:var(--color-text-muted);max-width:800px;font-size:.95rem;line-height:1.6}.example.svelte-h0up7b{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:1.25rem;padding:1.5rem;display:flex}.example-header.svelte-h0up7b h3:where(.svelte-h0up7b){color:var(--color-text);margin-bottom:.35rem;font-size:1.1rem;font-weight:600}.description.svelte-h0up7b{color:var(--color-text-muted);font-size:.9rem;line-height:1.5}.layout-grid.svelte-h0up7b{grid-template-columns:1fr 1fr;align-items:stretch;gap:.75rem;display:grid}@media (width<=768px){.layout-grid.svelte-h0up7b{grid-template-columns:1fr}}.code-panel.svelte-h0up7b,.input-panel.svelte-h0up7b,.output-panel.svelte-h0up7b{min-width:0}.code-panel.svelte-h0up7b{flex-direction:column;gap:.35rem;display:flex}.highlighted.svelte-h0up7b{flex-direction:column;flex:1;display:flex;position:relative}.highlighted.svelte-h0up7b:after{content:"";border-radius:0 var(--radius) var(--radius) 0;background:linear-gradient(to right, transparent, var(--color-code-bg));pointer-events:none;width:2rem;position:absolute;top:0;bottom:0;right:0}.code-panel.svelte-h0up7b pre.shiki{font-family:var(--font-mono);border-radius:var(--radius);scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) transparent;flex:1;margin:0;padding:.875rem 1rem;font-size:.8rem;line-height:1.6;overflow-x:auto}.code-panel.svelte-h0up7b pre.shiki::-webkit-scrollbar{height:6px}.code-panel.svelte-h0up7b pre.shiki::-webkit-scrollbar-track{background:0 0}.code-panel.svelte-h0up7b pre.shiki::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}.code-panel.svelte-h0up7b pre.shiki code{font-family:inherit}.code-label.svelte-h0up7b,.panel-label.svelte-h0up7b{text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);font-size:.75rem;font-weight:600}pre.svelte-h0up7b{background:var(--color-code-bg);color:var(--color-code-text);font-family:var(--font-mono);border-radius:var(--radius);white-space:pre;scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) transparent;flex:1;margin:0;padding:.875rem 1rem;font-size:.8rem;line-height:1.6;overflow-x:auto}pre.svelte-h0up7b::-webkit-scrollbar{height:6px}pre.svelte-h0up7b::-webkit-scrollbar-track{background:0 0}pre.svelte-h0up7b::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}code.svelte-h0up7b{font-family:inherit}.input-panel.svelte-h0up7b{flex-direction:column;gap:.35rem;display:flex}textarea.svelte-h0up7b{font-family:var(--font-mono);border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);resize:vertical;field-sizing:content;width:100%;min-height:2.5em;padding:.875rem 1rem;font-size:.8rem;line-height:1.6;transition:border-color .15s}textarea.svelte-h0up7b:focus{border-color:var(--color-accent);outline:none}.output-wrapper.svelte-h0up7b{flex-direction:column;gap:.35rem;display:flex}.output-panel.svelte-h0up7b{border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface-muted);min-height:6rem;padding:.875rem 1rem}.output-panel.success.svelte-h0up7b{background:var(--color-success-bg);border-color:var(--color-success-border)}.output-panel.error.svelte-h0up7b{background:var(--color-error-bg);border-color:var(--color-error-border)}.output-content.svelte-h0up7b{color:var(--color-success-text);background:0 0;padding:0;font-size:.8rem}.highlighted-output.svelte-h0up7b{flex-direction:column;display:flex;position:relative}.highlighted-output.svelte-h0up7b:after{content:"";border-radius:0 var(--radius) var(--radius) 0;background:linear-gradient(to right, transparent, var(--color-code-bg));pointer-events:none;width:2rem;position:absolute;top:0;bottom:0;right:0}.output-panel.svelte-h0up7b pre.shiki{font-family:var(--font-mono);border-radius:var(--radius);scrollbar-width:thin;scrollbar-color:var(--color-scrollbar-thumb) transparent;margin:0;padding:.625rem .75rem;font-size:.8rem;line-height:1.6;overflow-x:auto}.output-panel.svelte-h0up7b pre.shiki::-webkit-scrollbar{height:6px}.output-panel.svelte-h0up7b pre.shiki::-webkit-scrollbar-track{background:0 0}.output-panel.svelte-h0up7b pre.shiki::-webkit-scrollbar-thumb{background:var(--color-scrollbar-thumb);border-radius:3px}.json-error.svelte-h0up7b{color:var(--color-error-text);font-size:.85rem}.console-panel.svelte-h0up7b{flex-direction:column;grid-column:1/-1;gap:.35rem;display:flex}.console-output.svelte-h0up7b{background:var(--color-code-bg);border-radius:var(--radius);flex-direction:column;gap:.2rem;padding:.875rem 1rem;display:flex}.console-line.svelte-h0up7b{font-family:var(--font-mono);color:#a6e3a1;white-space:pre-wrap;word-break:break-all;font-size:.8rem;line-height:1.6}