.code-snippet{--cs-radius:var(--radius-lg,12px);--cs-font:ui-monospace,"SF Mono",Menlo,Consolas,monospace}html[data-theme=dark] .code-snippet{--cs-shell-border:color-mix(in srgb,rgba(255,255,255,0.08) 88%,var(--accent,#8b7cff) 12%);--cs-shell-bg:#0a0a0c;--cs-header-bg:#0e0e12;--cs-header-border:rgba(255,255,255,0.06);--cs-badge-bg:color-mix(in srgb,var(--accent,#8b7cff) 14%,#0a0a0c);--cs-badge-text:color-mix(in srgb,var(--accent,#8b7cff) 75%,#e4e4e7);--cs-body-bg:#060608;--cs-body-text:#d4d4d8;--cs-tab-inactive:#71717a;--cs-tab-active-bg:#12121a;--cs-tab-active-text:#f4f4f5;--cs-tab-hover:#a1a1aa;--cs-copy-bg:rgba(255,255,255,0.04);--cs-copy-border:rgba(255,255,255,0.1);--cs-copy-text:#a1a1aa;--cs-shadow:0 12px 40px rgba(0,0,0,0.55)}html[data-theme=light] .code-snippet{--cs-shell-border:color-mix(in srgb,var(--border,rgba(9,9,11,0.08)) 75%,var(--accent,#5b4fcf) 25%);--cs-shell-bg:var(--bg-elevated,#ffffff);--cs-header-bg:color-mix(in srgb,var(--bg,#fafafa) 55%,var(--surface,rgba(9,9,11,0.04)));--cs-header-border:var(--border,rgba(9,9,11,0.08));--cs-badge-bg:color-mix(in srgb,var(--accent,#5b4fcf) 12%,transparent);--cs-badge-text:var(--text-muted,#52525b);--cs-body-bg:#f4f4f5;--cs-body-text:#18181b;--cs-tab-inactive:var(--text-muted,#52525b);--cs-tab-active-bg:#ffffff;--cs-tab-active-text:var(--text,#18181b);--cs-tab-hover:var(--text,#18181b);--cs-copy-bg:var(--surface,rgba(9,9,11,0.04));--cs-copy-border:var(--border,rgba(9,9,11,0.08));--cs-copy-text:var(--text-muted,#52525b);--cs-shadow:0 4px 24px color-mix(in srgb,var(--text,#18181b) 6%,transparent)}.code-snippet{border-radius:var(--cs-radius);border:1px solid var(--cs-shell-border);background:var(--cs-shell-bg);box-shadow:var(--cs-shadow);overflow:hidden;margin:.75rem 0 1.35rem}.code-snippet__header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;min-height:2.65rem;padding:.45rem .65rem .45rem .85rem;background:var(--cs-header-bg);border-bottom:1px solid var(--cs-header-border)}.code-snippet__header-left{display:flex;align-items:center;gap:.5rem;min-width:0}.code-snippet__title{font-family:var(--font-display,system-ui);font-size:.78rem;font-weight:600;color:var(--cs-tab-active-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.code-snippet__badge{flex-shrink:0;font-family:var(--cs-font);font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.2rem .5rem;border-radius:6px;background:var(--cs-badge-bg);color:var(--cs-badge-text)}.code-snippet__copy{flex-shrink:0;display:inline-flex;align-items:center;gap:.35rem;padding:.35rem .65rem;border-radius:8px;border:1px solid var(--cs-copy-border);background:var(--cs-copy-bg);color:var(--cs-copy-text);font-size:.72rem;font-weight:600;font-family:var(--font-display,system-ui);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.code-snippet__copy:hover{color:var(--cs-tab-active-text);border-color:color-mix(in srgb,var(--cs-copy-border) 55%,var(--accent,#8b7cff) 45%);background:color-mix(in srgb,var(--accent,#8b7cff) 8%,var(--cs-copy-bg))}.code-snippet__copy:focus-visible{outline:2px solid color-mix(in srgb,var(--accent,#8b7cff) 50%,transparent);outline-offset:2px}.code-snippet__copy--ok{color:#34d399;border-color:color-mix(in srgb,#34d399 35%,var(--cs-copy-border))}.code-snippet__copy--err{color:#f87171;border-color:color-mix(in srgb,#f87171 35%,var(--cs-copy-border))}.code-snippet__tablist{display:flex;flex-wrap:wrap;gap:.25rem;padding:.4rem .65rem .35rem;background:var(--cs-header-bg);border-bottom:1px solid var(--cs-header-border)}.code-snippet__tab{font-family:var(--font-display,system-ui);font-size:.78rem;font-weight:600;padding:.35rem .75rem;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--cs-tab-inactive);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.code-snippet__tab:hover{color:var(--cs-tab-hover);background:color-mix(in srgb,var(--accent,#8b7cff) 6%,transparent)}html[data-theme=light] .code-snippet__tab:hover{background:color-mix(in srgb,var(--accent,#5b4fcf) 8%,transparent)}.code-snippet__tab[aria-selected=true]{color:var(--cs-tab-active-text);background:var(--cs-tab-active-bg);border-color:var(--cs-header-border);box-shadow:0 1px 2px rgba(0,0,0,.2)}html[data-theme=light] .code-snippet__tab[aria-selected=true]{box-shadow:0 1px 3px color-mix(in srgb,var(--text,#18181b) 8%,transparent)}.code-snippet__tab-lang{font-family:var(--cs-font);font-size:.62rem;font-weight:700;opacity:.75;margin-left:.35rem;text-transform:uppercase}.code-snippet__body{position:relative;background:var(--cs-body-bg);margin:0}.code-snippet__pre{margin:0;padding:1rem 1.1rem 1.1rem;overflow-x:auto;font-family:var(--cs-font);font-size:.8rem;line-height:1.65;color:var(--cs-body-text);-webkit-overflow-scrolling:touch}.code-snippet__pre code{font:inherit}.code-snippet__plain,.code-snippet__pre code{white-space:pre-wrap;word-break:break-word}html[data-theme=dark] .code-snippet .tok-prompt{color:#52525b;user-select:none}html[data-theme=dark] .code-snippet .tok-cmd{color:var(--accent,#8b7cff);font-weight:600}html[data-theme=dark] .code-snippet .tok-arg{color:#c4b5fd}html[data-theme=dark] .code-snippet .tok-str{color:#a3e635}html[data-theme=dark] .code-snippet .tok-path{color:#fbbf24}html[data-theme=dark] .code-snippet .tok-flag{color:#f472b6}html[data-theme=dark] .code-snippet .tok-cmt{color:#52525b;font-style:italic}html[data-theme=dark] .code-snippet .tok-muted{color:#52525b;user-select:none}html[data-theme=dark] .code-snippet .tok-tree{color:#e4e4e7;font-weight:600}html[data-theme=light] .code-snippet .tok-prompt{color:#71717a;user-select:none}html[data-theme=light] .code-snippet .tok-cmd{color:var(--accent,#5b4fcf);font-weight:600}html[data-theme=light] .code-snippet .tok-arg{color:#7c3aed}html[data-theme=light] .code-snippet .tok-str{color:#15803d}html[data-theme=light] .code-snippet .tok-path{color:#b45309}html[data-theme=light] .code-snippet .tok-flag{color:#be123c}html[data-theme=light] .code-snippet .tok-cmt{color:#71717a;font-style:italic}html[data-theme=light] .code-snippet .tok-muted{color:#71717a;user-select:none}html[data-theme=light] .code-snippet .tok-tree{color:#18181b;font-weight:600}