.code-block-tabbed{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin:var(--space-4) 0}.code-tabs{display:flex;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);padding:0 var(--space-2);overflow-x:auto;scrollbar-width:none}.code-tabs::-webkit-scrollbar{display:none}.code-tab{padding:var(--space-3) var(--space-4);background:none;border:none;color:var(--text-secondary);font-size:.875rem;font-weight:500;cursor:pointer;position:relative;white-space:nowrap;transition:color var(--transition-fast)}.code-tab:hover{color:var(--text-primary)}.code-tab.active{color:var(--primary-teal)}.code-tab.active:after{content:"";position:absolute;bottom:0;left:var(--space-4);right:var(--space-4);height:2px;background:var(--primary-teal);border-radius:2px 2px 0 0}.code-content{position:relative;padding:var(--space-4);overflow-x:auto}.code-content.hidden{display:none}.code-content pre{margin:0;font-family:var(--font-mono);font-size:.875rem;line-height:1.6;color:var(--text-primary)}.code-content code{background:none;padding:0;color:inherit;font-size:inherit}.code-copy{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;opacity:0;transition:all var(--transition-fast)}.code-block-tabbed:hover .code-copy,.code-copy:focus{opacity:1}.code-copy:hover{background:var(--bg-secondary);color:var(--text-primary);border-color:var(--primary-teal)}.code-copy.copied{color:var(--primary-teal);border-color:var(--primary-teal)}.code-copy .icon-check,.code-copy.copied .icon-clipboard{display:none}.code-copy.copied .icon-check{display:block}.code-block-simple{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin:var(--space-4) 0;position:relative}.code-block-simple .code-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.code-block-simple .code-filename{font-family:var(--font-mono);font-size:.8125rem;color:var(--text-muted)}.code-block-simple .code-body{padding:var(--space-4);overflow-x:auto}.code-block-simple pre{margin:0;font-family:var(--font-mono);font-size:.875rem;line-height:1.6}.code-inline-copy{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);padding-right:var(--space-1)}.code-inline-copy code{background:none;padding:0;font-size:.875rem}.code-inline-copy button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--bg-tertiary);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.code-inline-copy button:hover{color:var(--primary-teal);border-color:var(--primary-teal)}.hljs-comment,.code-comment{color:#6e7681}.hljs-keyword,.code-keyword{color:#ff7b72}.hljs-string,.code-string{color:#a5d6ff}.hljs-function,.hljs-title.function_,.code-function{color:#d2a8ff}.hljs-number,.code-number{color:#79c0ff}.hljs-variable,.hljs-attr,.code-variable,.hljs-built_in,.code-builtin{color:#ffa657}.hljs-type,.code-type{color:#7ee787}.hljs-params{color:var(--text-primary)}.code-with-lines{display:grid;grid-template-columns:auto 1fr}.code-lines{padding-right:var(--space-4);text-align:right;color:var(--text-muted);-webkit-user-select:none;user-select:none;border-right:1px solid var(--border-subtle);margin-right:var(--space-4)}.code-lines span{display:block;line-height:1.6}.code-terminal{background:#0d1117;border:1px solid var(--border-color);border-radius:var(--radius-lg);overflow:hidden;margin:var(--space-4) 0}.code-terminal .terminal-bar{display:flex;align-items:center;gap:6px;padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-bottom:1px solid var(--border-color)}.code-terminal .terminal-dot{width:12px;height:12px;border-radius:50%}.code-terminal .terminal-dot.red{background:#ff5f57}.code-terminal .terminal-dot.yellow{background:#ffbd2e}.code-terminal .terminal-dot.green{background:#28ca42}.code-terminal .terminal-body{padding:var(--space-4);font-family:var(--font-mono);font-size:.875rem;line-height:1.6}.code-terminal .prompt{color:var(--primary-teal);-webkit-user-select:none;user-select:none}@media (max-width: 768px){.code-content pre,.code-block-simple pre,.code-terminal .terminal-body{font-size:.8125rem}.code-tabs{padding:0}.code-tab{padding:var(--space-2) var(--space-3);font-size:.8125rem}}