.klyp-CodeBlock{margin:var(--space-12) 0;border:var(--bw-default) solid var(--color-border-subtle);border-radius:var(--r-card);background:var(--color-bg-root);position:relative;overflow:hidden;container:klyp-codeblock/inline-size}.klyp-CodeBlock__header{align-items:center;gap:var(--space-8);height:32px;padding:0 var(--space-12);border-bottom:var(--bw-default) solid var(--color-border-subtle);background:var(--color-bg-surface);display:flex}.klyp-CodeBlock__lang{font-family:var(--font-sans);font-size:var(--font-size-12);font-weight:var(--font-weight-medium);color:var(--color-fg-muted);text-transform:lowercase;background:0 0}.klyp-CodeBlock__filename{font-family:var(--font-mono);font-size:var(--font-size-12);color:var(--color-fg-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.klyp-CodeBlock__spacer{flex:auto}.klyp-CodeBlock__actions{flex:none}.klyp-CodeBlock__actions.klyp-Toolbar{gap:var(--space-4)}.klyp-CodeBlock__body{padding:var(--space-12) var(--space-16);font-family:var(--font-mono);font-size:var(--font-size-13);white-space:pre;color:var(--color-fg-primary);background:0 0;margin:0;line-height:1.5;overflow-x:auto}.klyp-CodeBlock__body pre,.klyp-CodeBlock__body pre[class*=shiki],.klyp-CodeBlock__body pre code,.klyp-CodeBlock__body pre code span,.klyp-CodeBlock__body pre[class*=shiki] *,.klyp-CodeBlock__body .shiki,.klyp-CodeBlock__body .shiki *{background:0 0!important}.klyp-CodeBlock__body>pre{font:inherit;color:inherit;margin:0;padding:0}.klyp-CodeBlock[data-wrap] .klyp-CodeBlock__body{white-space:pre-wrap;word-break:break-word}.klyp-CodeBlock[data-streaming] .klyp-CodeBlock__actions .klyp-ToPromptButton{display:none}.klyp-CodeBlock__floatingBar{align-items:center;gap:var(--space-8);height:32px;padding:0 var(--space-8) 0 var(--space-12);background:color-mix(in srgb, var(--color-bg-root) 95%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-bottom:var(--bw-default) solid var(--color-border-subtle);z-index:1;display:none;position:sticky;top:0}.klyp-CodeBlock__floatingBar[data-visible]{display:flex}@container klyp-codeblock (width<=319px){.klyp-CodeBlock .klyp-CodeBlock__filename,.klyp-CodeBlock .klyp-CodeBlock__wrapToggle{display:none}}