.snippet.svelte-z6s2pu{border:1px solid var(--border);overflow:hidden}.snippet-header.svelte-z6s2pu{display:flex;align-items:center;justify-content:space-between;padding:4px 10px;background:var(--bg-panel);border-bottom:1px solid var(--border)}.snippet-header.svelte-z6s2pu span:where(.svelte-z6s2pu){font-size:9px;font-family:var(--font-mono);color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-weight:600}.copy-btn.svelte-z6s2pu{width:24px;height:24px;padding:0;border:1px solid var(--border);background:var(--bg-surface);color:var(--text-dim);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color var(--transition),color var(--transition)}.copy-btn.svelte-z6s2pu:hover{border-color:var(--accent);color:var(--text)}.snippet-editor.svelte-z6s2pu{max-height:200px;overflow:auto}.snippet-editor.svelte-z6s2pu .cm-editor{max-width:100%}.snippet-editor.svelte-z6s2pu .cm-content{white-space:pre-wrap;word-break:break-all}.snippet-editor.svelte-z6s2pu .cm-line{word-break:break-all}main{overflow:auto!important}.page.svelte-6us8ab{padding:40px 40px 80px;display:flex;flex-direction:column;gap:40px;max-width:1100px;margin:0 auto}.header.svelte-6us8ab h1:where(.svelte-6us8ab){font-size:var(--fs-lg);font-family:var(--font-mono);color:var(--accent);margin-bottom:6px}.header.svelte-6us8ab p:where(.svelte-6us8ab){font-size:var(--fs-sm);font-family:var(--font-mono);color:var(--text-dim)}.example.svelte-6us8ab{display:grid;grid-template-columns:1fr 1fr;gap:16px;border:1px solid var(--border-subtle);background:var(--bg-surface);padding:16px}.example-info.svelte-6us8ab{display:flex;flex-direction:column;gap:10px}.example-info.svelte-6us8ab h3:where(.svelte-6us8ab){font-size:var(--fs-sm);font-family:var(--font-mono);color:var(--accent);font-weight:600}.example-info.svelte-6us8ab p:where(.svelte-6us8ab){font-size:var(--fs-xs);font-family:var(--font-mono);color:var(--text-dim)}.example-preview.svelte-6us8ab{min-height:300px;overflow:hidden}.checkerboard.svelte-6us8ab{background-image:linear-gradient(45deg,#222 25%,transparent 25%),linear-gradient(-45deg,#222 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#222 75%),linear-gradient(-45deg,transparent 75%,#222 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#1a1a1a}@media(max-width:800px){.example.svelte-6us8ab{grid-template-columns:1fr}}