.source-example.svelte-5rj0i1{display:flex;flex-direction:column;gap:var(--spacing-m, 1rem)}.example-header.svelte-5rj0i1{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-s)}.example-header.svelte-5rj0i1 h2:where(.svelte-5rj0i1){margin:0}.filename.svelte-5rj0i1{margin:0;color:var(--text-muted);font-size:var(--font-size-m)}.copy-all.svelte-5rj0i1{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:var(--card-bg);border:1px solid var(--card-edge);border-radius:var(--radius-pill);padding:.25rem .75rem;font-size:var(--font-size-s);font-weight:700;color:var(--text-primary);cursor:pointer;line-height:1;min-height:2rem;min-width:7rem;transition:opacity .14s ease,transform .14s ease,box-shadow .14s ease,background-color .14s ease,color .14s ease}.copy-all.copied.svelte-5rj0i1{color:var(--card-bg);background:linear-gradient(135deg,#2563eb,#60a5fa);border-color:transparent;animation:svelte-5rj0i1-pop .32s ease}.explanations.svelte-5rj0i1{display:flex;flex-direction:column;gap:var(--spacing-l);margin-top:var(--spacing-s)}.section.svelte-5rj0i1{display:flex;flex-direction:column;gap:var(--spacing-s)}.section.svelte-5rj0i1+.section:where(.svelte-5rj0i1){margin-top:var(--spacing-l)}.section.svelte-5rj0i1 h3:where(.svelte-5rj0i1){margin:0;font-size:var(--font-size-l)}.section-header.svelte-5rj0i1{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-s)}.copy-section.svelte-5rj0i1{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;background:var(--card-bg);border:1px solid var(--card-edge);border-radius:var(--radius-pill);padding:.25rem .65rem;font-size:var(--font-size-s);font-weight:700;color:var(--text-primary);cursor:pointer;opacity:0;transform:translateY(-4px);line-height:1;min-height:2rem;min-width:6.5rem;transition:opacity .14s ease,transform .14s ease,box-shadow .14s ease,background-color .14s ease,color .14s ease}.section.svelte-5rj0i1:hover .copy-section:where(.svelte-5rj0i1),.copy-section.svelte-5rj0i1:focus-visible{opacity:1;transform:translateY(0)}.copy-section.svelte-5rj0i1:focus-visible{box-shadow:0 0 0 2px #2563eb40}.copy-section.copied.svelte-5rj0i1{color:var(--card-bg);background:linear-gradient(135deg,#2563eb,#60a5fa);border-color:transparent;animation:svelte-5rj0i1-pop .32s ease}.copy-section.svelte-5rj0i1 span:where(.svelte-5rj0i1),.copy-all.svelte-5rj0i1 span:where(.svelte-5rj0i1){display:inline-block;transition:transform .14s ease,opacity .14s ease}.copy-section.copied.svelte-5rj0i1 span:where(.svelte-5rj0i1),.copy-all.copied.svelte-5rj0i1 span:where(.svelte-5rj0i1){transform:translateY(-1px) scale(1.02);opacity:.95}@keyframes svelte-5rj0i1-pop{0%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.05)}to{transform:translateY(0) scale(1)}}.table.svelte-5rj0i1{border:1px solid var(--card-edge);border-radius:var(--radius-l);overflow:hidden}.row.svelte-5rj0i1{display:grid;grid-template-columns:1fr 1.2fr;position:relative;transition:transform .18s ease,background-color .18s ease,border-color .18s ease;border:0;border-bottom:1px solid var(--card-edge);background:transparent;padding:0;width:100%;text-align:left;cursor:pointer;appearance:none;font:inherit;color:inherit;outline:none}.row.svelte-5rj0i1:last-child{border-bottom:none}.row.svelte-5rj0i1:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#2563eba6,#3b82f64d);opacity:0;transition:opacity .16s ease}.row.active.svelte-5rj0i1{transform:scale(1.01)}.row.svelte-5rj0i1:focus-visible{box-shadow:0 0 0 2px #2563eb40}.row.active.svelte-5rj0i1:before{opacity:1}.cell.svelte-5rj0i1{padding:.85rem 1rem;background:var(--card-bg)}.explain.svelte-5rj0i1{border-right:1px solid var(--card-edge)}.code-lines.svelte-5rj0i1{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;background:var(--card-bg);transition:background-color .16s ease,box-shadow .18s ease}.code-lines.svelte-5rj0i1 pre:where(.svelte-5rj0i1){margin:0;white-space:pre-wrap;font-size:var(--font-size-base)}.row.active.svelte-5rj0i1 .explain:where(.svelte-5rj0i1){background:#2563eb0f}.row.active.svelte-5rj0i1 .code-lines:where(.svelte-5rj0i1){background:linear-gradient(90deg,#2563eb1a,#2563eb00);box-shadow:0 10px 40px #0000000f}@media(max-width:640px){.row.svelte-5rj0i1{grid-template-columns:1fr}.explain.svelte-5rj0i1{border-right:none;border-bottom:1px solid var(--card-edge)}}.token.comment{color:#6b7280}.token.keyword{color:#2563eb;font-weight:600}.token.string{color:#059669}.token.number{color:#d97706}