.codeblock.svelte-1qpafjh{background:var(--bg-card);border:1px solid var(--border);border-radius:10px;transition:box-shadow .3s,border-color .3s;overflow:hidden;box-shadow:0 0 0 1px #fbbf240a,0 14px 40px #00000080}.codeblock.svelte-1qpafjh:hover{border-color:#fbbf241a;box-shadow:0 0 0 1px #fbbf2412,0 18px 50px #0009}.codeblock-header.svelte-1qpafjh{background:var(--bg-elevated);border-bottom:1px solid var(--border);align-items:center;gap:8px;padding:10px 14px;display:flex}.dots.svelte-1qpafjh{gap:6px;display:flex}.dot.svelte-1qpafjh{border-radius:50%;flex-shrink:0;width:10px;height:10px}.red.svelte-1qpafjh{background:#ef4444}.yellow.svelte-1qpafjh{background:#f59e0b}.green.svelte-1qpafjh{background:#22c55e}.codeblock-label.svelte-1qpafjh{color:var(--text-dim);opacity:.55;letter-spacing:.08em;text-transform:lowercase;margin-left:auto;font-size:.7rem}.copy-btn.svelte-1qpafjh{border:1px solid var(--border);color:var(--text-dim);cursor:pointer;background:0 0;border-radius:5px;justify-content:center;align-items:center;margin-left:10px;padding:4px 6px;transition:color .2s,border-color .2s,background .2s;display:inline-flex}.copy-btn.svelte-1qpafjh:hover{color:var(--lumos);border-color:var(--lumos-border);background:var(--lumos-muted)}.codeblock-body.svelte-1qpafjh{color:var(--text);padding:18px 20px;font-size:.78rem;line-height:1.8;overflow-x:auto}.codeblock-body.svelte-1qpafjh .keyword{color:#c084fc}.codeblock-body.svelte-1qpafjh .string{color:#4ade80}.codeblock-body.svelte-1qpafjh .func{color:#60a5fa}.codeblock-body.svelte-1qpafjh .comment{color:#4b5563}.codeblock-body.svelte-1qpafjh .num{color:#f472b6}