.code-block-wrapper{position:relative;margin:var(--spacing-md)0;border-radius:var(--border-radius);overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.2);border:1px solid var(--color-code-dark-border)}.code-block-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-code-header-bg);padding:var(--spacing-xs)var(--spacing-md);font-family:var(--font-family-mono);font-size:.85rem;color:var(--color-code-header-text);border-bottom:1px solid var(--color-border)}.header-left{display:flex;align-items:center;gap:var(--spacing-sm)}.fold-button{background:0 0;border:none;color:var(--color-code-header-text);cursor:pointer;font-size:.85rem;padding:2px 6px;border-radius:3px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.fold-button:hover{background-color:rgba(255,255,255,.1)}.fold-button .icon{transition:transform .3s ease}.fold-button.folded .icon{transform:rotate(-90deg)}.code-language{font-weight:700;text-transform:uppercase}.copy-button{background:0 0;border:none;color:var(--color-code-header-text);cursor:pointer;font-size:.85rem;padding:2px 8px;border-radius:3px;transition:all .2s ease}.copy-button:hover{background-color:rgba(255,255,255,.1)}.copy-button.copied{color:var(--color-success)}.code-block-content{position:relative;background-color:var(--color-code-dark-bg);overflow-x:auto;color:var(--color-code-dark-text);display:block;transition:height .3s ease}.code-with-line-numbers{display:flex}.line-numbers{display:flex;flex-direction:column;align-items:flex-end;padding:var(--spacing-md)var(--spacing-sm);background-color:var(--color-code-dark-line-bg);color:var(--color-code-dark-line-text);font-family:var(--font-family-mono);font-size:.9rem;user-select:none;text-align:right;min-width:3em;border-right:1px solid var(--color-code-dark-border)}.line-number{line-height:1.5;padding:0 var(--spacing-xs)}.code-content{padding:var(--spacing-md);overflow-x:auto;font-family:var(--font-family-mono);font-size:.85rem;line-height:1.6;letter-spacing:.02em;background-color:var(--color-code-dark-bg);flex-grow:1}.code-content pre{margin:0;padding:0;background-color:transparent;font-family:inherit}.code-content code{white-space:pre;background-color:transparent;padding:0;color:var(--color-code-dark-text);font-family:var(--font-family-mono);font-weight:400;font-feature-settings:"liga" 0,"calt" 1}.code-content .hljs{background-color:transparent;color:var(--color-code-dark-text)}.code-content .keyword,.code-content .function,.code-content .class{color:#569cd6}.code-content .string{color:#ce9178}.code-content .number{color:#b5cea8}.code-content .comment{color:#6a9955;font-style:italic}@media(max-width:600px){.line-numbers{padding:var(--spacing-sm)var(--spacing-xs);min-width:2em;font-size:.8rem}.code-content{padding:var(--spacing-sm);font-size:.8rem}.code-block-header{padding:var(--spacing-xs)var(--spacing-sm);font-size:.8rem}}