.code-block-wrapper{position:relative;margin:var(--space-6, 1.5rem) 0}.code-block-header{display:flex;align-items:center;gap:var(--space-2, .5rem);background:var(--color-background-alt, #1a1a1a);border:var(--border-width-thick, 2px) solid var(--color-foreground-alt, #333);border-bottom:none;padding:var(--space-2, .5rem) var(--space-4, 1rem);border-radius:var(--radius-sm, 4px) var(--radius-sm, 4px) 0 0}.code-block-label{font-size:var(--text-sm, .875rem);color:var(--color-foreground, #e0e0e0);font-weight:700;text-transform:uppercase;letter-spacing:.05em}.language-badge{font-size:var(--text-xs, .75rem);color:var(--color-accent-primary, #39ff14);background:#39ff141a;padding:var(--space-1, .25rem) var(--space-2, .5rem);border-radius:var(--radius-sm, 4px);font-weight:600;text-transform:uppercase}.code-block-container{position:relative;background:var(--color-background-code, #0d0d0d);border:var(--border-width-thick, 2px) solid var(--color-foreground-alt, #333);border-radius:var(--radius-sm, 4px)}.code-block-header+.code-block-container{border-top-left-radius:0;border-top-right-radius:0}.code-block-container.collapsible{max-height:16rem;overflow:hidden;transition:max-height .3s ease}.code-block-container.collapsible.expanded{max-height:none}.code-content{position:relative}.code-block-container pre{margin:0;padding:var(--space-4, 1rem);background:transparent;border:none;overflow-x:auto}.code-block-container.with-line-numbers pre{padding-left:var(--space-12, 3rem)}.code-block-container.with-line-numbers code{counter-reset:line}.code-block-container.with-line-numbers code .line:before{counter-increment:line;content:counter(line);display:inline-block;width:2.5ch;margin-left:calc(-1 * var(--space-12, 3rem) + var(--space-2, .5rem));margin-right:var(--space-4, 1rem);text-align:right;color:var(--color-foreground-muted, #666);user-select:none}.copy-button{position:absolute;top:var(--space-2, .5rem);right:var(--space-2, .5rem);background:var(--color-background, #0a0a0a);color:var(--color-foreground-alt, #888);border:1px solid var(--color-foreground-alt, #333);padding:var(--space-2, .5rem) var(--space-3, .75rem);font-family:var(--font-family-mono, monospace);font-size:var(--text-xs, .75rem);font-weight:600;text-transform:uppercase;cursor:pointer;z-index:20;transition:all .15s ease;border-radius:var(--radius-sm, 4px)}.copy-button:hover{color:var(--color-foreground, #e0e0e0);border-color:var(--color-foreground, #e0e0e0);background:var(--color-background-hover, #1a1a1a)}.copy-button.copied{color:var(--color-accent-primary, #39ff14);border-color:var(--color-accent-primary, #39ff14);background:#39ff141a}.copied-icon,.copy-button.copied .copy-icon{display:none}.copy-button.copied .copied-icon{display:inline}.collapse-toggle{position:absolute;bottom:var(--space-2, .5rem);left:50%;transform:translate(-50%);background:var(--color-background, #0a0a0a);color:var(--color-accent-primary, #39ff14);border:2px solid var(--color-accent-primary, #39ff14);padding:var(--space-2, .5rem) var(--space-4, 1rem);font-family:var(--font-family-mono, monospace);font-size:var(--text-xs, .75rem);font-weight:700;text-transform:uppercase;cursor:pointer;z-index:20;transition:all .15s ease;border-radius:var(--radius-sm, 4px)}.collapse-toggle:hover{background:var(--color-accent-primary, #39ff14);color:var(--color-background, #0a0a0a)}.collapse-text,.code-block-container.expanded .expand-text{display:none}.code-block-container.expanded .collapse-text{display:inline}.code-fade{position:absolute;bottom:0;left:0;right:0;height:8rem;background:linear-gradient(to bottom,transparent 0%,var(--color-background-code, #0d0d0d) 100%);pointer-events:none;transition:opacity .15s ease}.code-block-container.expanded .code-fade{opacity:0}.github-header-link{display:inline-flex;align-items:center;gap:var(--space-1, .25rem);margin-left:auto;color:var(--color-foreground-alt, #888);font-size:var(--text-xs, .75rem);font-weight:600;text-decoration:none;text-transform:uppercase;transition:color .15s ease}.github-header-link:hover{color:var(--color-accent-primary, #39ff14)}.github-header-link .github-icon{font-size:.9em}.github-header-link .github-text{letter-spacing:.05em}.code-block-footer{background:var(--color-background-alt, #1a1a1a);border:var(--border-width-thick, 2px) solid var(--color-foreground-alt, #333);border-top:none;padding:var(--space-2, .5rem) var(--space-4, 1rem);border-radius:0 0 var(--radius-sm, 4px) var(--radius-sm, 4px)}.github-source-link{display:inline-flex;align-items:center;gap:var(--space-2, .5rem);color:var(--color-foreground-alt, #888);font-size:var(--text-sm, .875rem);text-decoration:none;font-family:var(--font-family-mono, monospace);transition:color .15s ease}.github-source-link:hover{color:var(--color-accent-primary, #39ff14)}.github-source-link .github-arrow{color:var(--color-accent-primary, #39ff14);font-weight:700}.code-block-footer+.code-block-container,.code-block-container:has(+.code-block-footer){border-bottom-left-radius:0;border-bottom-right-radius:0}.code-block-wrapper[data-has-github=true] .code-block-container{border-bottom-left-radius:0;border-bottom-right-radius:0}