.code-block-wrapper.svelte-1uqvw3u{--cb-bg: var(--color-charcoal);--cb-header-bg: var(--color-charcoal-light);--cb-border: var(--color-charcoal-muted);position:relative}.code-title.svelte-1uqvw3u{font-family:var(--font-body);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;color:var(--color-stone-500);margin-bottom:.5rem}.code-block.svelte-1uqvw3u{background:var(--cb-bg);border-radius:12px;overflow:hidden;border:1px solid var(--cb-border);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a,inset 0 1px #ffffff08}.code-header.svelte-1uqvw3u{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:var(--cb-header-bg);border-bottom:1px solid var(--cb-border)}.tabs-container.svelte-1uqvw3u{display:flex;gap:.25rem;flex-wrap:wrap}.tab.svelte-1uqvw3u{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;font-size:.8125rem;font-weight:500;color:var(--color-stone-400);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:all .15s ease}.tab.svelte-1uqvw3u:hover{color:var(--color-stone-200);background:#ffffff0d}.tab.active.svelte-1uqvw3u{color:var(--color-warm-white);background:#ffffff1a}.tab-dot.svelte-1uqvw3u{width:8px;height:8px;border-radius:50%;opacity:.7}.tab.active.svelte-1uqvw3u .tab-dot:where(.svelte-1uqvw3u){opacity:1}.copy-btn.svelte-1uqvw3u{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;font-size:.75rem;font-weight:500;color:var(--color-stone-400);background:transparent;border:1px solid transparent;border-radius:6px;cursor:pointer;transition:all .15s ease;opacity:0}.code-block-wrapper.svelte-1uqvw3u:hover .copy-btn:where(.svelte-1uqvw3u){opacity:1}.copy-btn.svelte-1uqvw3u:hover{color:var(--color-warm-white);background:#ffffff1a;border-color:var(--cb-border)}.copy-text.svelte-1uqvw3u{display:none}@media(min-width:640px){.copy-text.svelte-1uqvw3u{display:inline}}.code-content.svelte-1uqvw3u{padding:1.25rem;overflow-x:auto}.code-content.svelte-1uqvw3u pre:where(.svelte-1uqvw3u){margin:0;font-family:JetBrains Mono,Fira Code,ui-monospace,SFMono-Regular,monospace;font-size:.875rem;line-height:1.7}.code-content.svelte-1uqvw3u code:where(.svelte-1uqvw3u){color:var(--color-stone-200);white-space:pre;word-spacing:normal;word-break:normal;tab-size:2}.code-content .string{color:#a5d6ff}.code-content .keyword{color:#ff7b72}.code-content .comment{color:#8b949e}.code-content .number{color:#79c0ff}.code-content .property{color:#d2a8ff}.callout.svelte-1y5mj1g{display:flex;gap:1rem;padding:1rem 1.25rem;margin:1.5rem 0;border-radius:10px;border-left:3px solid}.callout-icon.svelte-1y5mj1g{flex-shrink:0;margin-top:.125rem}.callout-content.svelte-1y5mj1g{flex:1;min-width:0}.callout-title.svelte-1y5mj1g{font-weight:600;font-size:.875rem;margin-bottom:.375rem}.callout-body.svelte-1y5mj1g{font-size:.875rem;line-height:1.6}.callout-body.svelte-1y5mj1g p{margin:0}.callout-body.svelte-1y5mj1g code{font-size:.8125rem;padding:.125rem .375rem;border-radius:4px}.callout-info.svelte-1y5mj1g{background:linear-gradient(135deg,#3b82f614,#3b82f60a);border-color:#3b82f6}.callout-info.svelte-1y5mj1g .callout-icon:where(.svelte-1y5mj1g){color:#3b82f6}.callout-info.svelte-1y5mj1g .callout-title:where(.svelte-1y5mj1g){color:#1d4ed8}.callout-info.svelte-1y5mj1g .callout-body:where(.svelte-1y5mj1g){color:var(--color-stone-700)}.callout-info.svelte-1y5mj1g code{background:#3b82f61a;color:#1d4ed8}.callout-warning.svelte-1y5mj1g{background:linear-gradient(135deg,#f59e0b14,#f59e0b0a);border-color:#f59e0b}.callout-warning.svelte-1y5mj1g .callout-icon:where(.svelte-1y5mj1g){color:#f59e0b}.callout-warning.svelte-1y5mj1g .callout-title:where(.svelte-1y5mj1g){color:#b45309}.callout-warning.svelte-1y5mj1g .callout-body:where(.svelte-1y5mj1g){color:var(--color-stone-700)}.callout-warning.svelte-1y5mj1g code{background:#f59e0b1a;color:#b45309}.callout-success.svelte-1y5mj1g{background:linear-gradient(135deg,#22c55e14,#22c55e0a);border-color:#22c55e}.callout-success.svelte-1y5mj1g .callout-icon:where(.svelte-1y5mj1g){color:#22c55e}.callout-success.svelte-1y5mj1g .callout-title:where(.svelte-1y5mj1g){color:#15803d}.callout-success.svelte-1y5mj1g .callout-body:where(.svelte-1y5mj1g){color:var(--color-stone-700)}.callout-success.svelte-1y5mj1g code{background:#22c55e1a;color:#15803d}.callout-tip.svelte-1y5mj1g{background:linear-gradient(135deg,#c4704b14,#c4704b0a);border-color:var(--color-terracotta)}.callout-tip.svelte-1y5mj1g .callout-icon:where(.svelte-1y5mj1g){color:var(--color-terracotta)}.callout-tip.svelte-1y5mj1g .callout-title:where(.svelte-1y5mj1g){color:var(--color-terracotta-dark)}.callout-tip.svelte-1y5mj1g .callout-body:where(.svelte-1y5mj1g){color:var(--color-stone-700)}.callout-tip.svelte-1y5mj1g code{background:#c4704b1a;color:var(--color-terracotta-dark)}.callout-important.svelte-1y5mj1g{background:linear-gradient(135deg,#d4a84b1a,#d4a84b0d);border-color:var(--color-amber)}.callout-important.svelte-1y5mj1g .callout-icon:where(.svelte-1y5mj1g){color:var(--color-amber)}.callout-important.svelte-1y5mj1g .callout-title:where(.svelte-1y5mj1g){color:#92400e}.callout-important.svelte-1y5mj1g .callout-body:where(.svelte-1y5mj1g){color:var(--color-stone-700)}.callout-important.svelte-1y5mj1g code{background:#d4a84b26;color:#92400e}