.code-container{margin:1.5rem 0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;line-height:1.5;background:#1e1e1e;border:1px solid #333;position:relative}.code-header{background:#2a2a2a;border-bottom:1px solid #404040;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#ccc}.code-language{font-weight:500;text-transform:uppercase;color:#98d982}.code-body{position:relative;background:#1e1e1e;color:#fff;max-height:600px;overflow-y:auto;overflow-x:auto}.code-body::-webkit-scrollbar{width:6px;height:6px}.code-body::-webkit-scrollbar-track{background:#2a2a2a;border-radius:3px}.code-body::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.code-body::-webkit-scrollbar-thumb:hover{background:#666}.code-body::-webkit-scrollbar-corner{background:#2a2a2a}.code-content{padding:16px 0;font-family:inherit;font-size:inherit;line-height:inherit;margin:0;display:flex}.code-lines-container{display:flex;width:100%}.code-line-numbers{flex-shrink:0;position:sticky;left:0;background:#1e1e1e;z-index:10;border-right:1px solid #404040;padding:0;min-width:20px}.code-lines-content{flex:1;overflow-x:auto;min-width:0}.code-line{display:flex;align-items:flex-start;line-height:inherit;padding:0 8px 0 0}.code-line:hover{background:rgba(255,255,255,.03)}.code-line:first-child .line-content,.code-line:first-child .line-number{padding-top:8px}.code-line:last-child .line-content,.code-line:last-child .line-number{padding-bottom:8px}.line-number{text-align:right;color:rgba(255,255,255,.25);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:400;display:block;padding:0}.line-content{padding:0 16px;white-space:pre;display:block;width:100%}.copy-code-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#ccc;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s;font-weight:500;display:flex;align-items:center;gap:4px}.copy-code-btn:hover{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.3)}.copy-code-btn.copied{background:rgba(152,217,130,.2);border-color:rgba(152,217,130,.4);color:#98d982}[data-theme=dark] .code-container{box-shadow:0 4px 12px rgba(0,0,0,.3)}[data-theme=light] .code-container{background:#1e1e1e;border-color:#333}[data-theme=light] .code-container .code-header{background:#2a2a2a}[data-theme=light] .code-container .code-body{background:#1e1e1e}.language-javascript .code-language,.language-js .code-language{color:#f7df1e}.language-ts .code-language,.language-typescript .code-language{color:#3178c6}.language-python .code-language{color:#3776ab}.language-java .code-language{color:#ed8b00}.language-css .code-language{color:#1572b6}.language-html .code-language{color:#e34f26}.language-jsx .code-language,.language-react .code-language,.language-tsx .code-language{color:#61dafb}.language-vue .code-language{color:#4fc08d}.language-go .code-language{color:#00add8}.language-rust .code-language{color:#dea584}.language-php .code-language{color:#777bb4}.language-ruby .code-language{color:#cc342d}.language-swift .code-language{color:#fa7343}.language-kotlin .code-language{color:#7f52ff}.language-cs .code-language,.language-csharp .code-language{color:#239120}.language-c .code-language,.language-cpp .code-language{color:#659ad2}.language-bash .code-language,.language-shell .code-language,.language-zsh .code-language{color:#98d982}.terminal-container{margin:1.5rem 0;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.15);overflow:hidden;font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-size:14px;line-height:1.5;background:#1e1e1e;border:1px solid #333;position:relative}.terminal-header{background:#2a2a2a;border-bottom:1px solid #404040;padding:8px 16px;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#ccc}.terminal-shell{font-weight:500;text-transform:uppercase;color:#98d982}.terminal-body{position:relative;padding:8px;background:#1e1e1e;color:#fff;min-height:100px;max-height:400px;overflow-y:auto;overflow-x:auto}.terminal-body::-webkit-scrollbar{width:6px;height:6px}.terminal-body::-webkit-scrollbar-track{background:#2a2a2a;border-radius:3px}.terminal-body::-webkit-scrollbar-thumb{background:#555;border-radius:3px}.terminal-body::-webkit-scrollbar-thumb:hover{background:#666}.terminal-body::-webkit-scrollbar-corner{background:#2a2a2a}.copy-terminal-btn{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);color:#ccc;padding:4px 8px;border-radius:4px;font-size:11px;cursor:pointer;transition:all .2s;font-weight:500;display:flex;align-items:center;gap:4px}.copy-terminal-btn:hover{background:rgba(255,255,255,.2);color:#fff;border-color:rgba(255,255,255,.3)}.copy-terminal-btn.copied{background:rgba(152,217,130,.2);border-color:rgba(152,217,130,.4);color:#98d982}.copy-icon{width:12px;height:12px;fill:currentColor}.no-commands-message{color:#666;font-style:italic;text-align:center;margin-top:40px;margin-bottom:20px}.terminal-session{margin-bottom:.5rem}.terminal-session:first-child .terminal-line{padding-top:12px}.terminal-session:last-child{margin-bottom:0}.terminal-session:last-child .terminal-line{padding-bottom:12px}.terminal-line{display:flex;align-items:center;gap:0;position:relative;padding:0 40px 0 15px;white-space:nowrap;min-width:-moz-max-content;min-width:max-content}.terminal-line:hover .copy-command-btn{opacity:1}.terminal-prompt{color:#98d982;margin-right:8px;font-weight:500;white-space:nowrap}.terminal-command{color:#fff;flex:1;white-space:nowrap;min-width:0}.terminal-output{margin-left:0;margin-bottom:8px;color:#ccc}.terminal-output pre{margin:0;font-family:inherit;white-space:pre-wrap;word-break:break-word}.terminal-output.error{color:#ff6b6b}.terminal-cursor{color:#fff;animation:blink 1s infinite;font-weight:700}.copy-command-btn{opacity:0;background:rgba(0,0,0,0);border:none;color:#888;cursor:pointer;margin-left:8px;padding:2px 4px;border-radius:2px;transition:all .2s;font-size:12px}.copy-command-btn:hover{background:#333;color:#fff}.copy-command-btn.copied{opacity:1;color:#98d982}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.bash-theme .terminal-prompt,.bash-theme .terminal-shell{color:#98d982}.zsh-theme .terminal-prompt,.zsh-theme .terminal-shell{color:skyblue}.powershell-theme{background:#012456}.powershell-theme .terminal-header{background:#1e3a5f;border-bottom-color:#2a4d73}.powershell-theme .terminal-body{background:#012456}.powershell-theme .terminal-prompt{color:#ff0}.powershell-theme .terminal-command{color:#fff}.powershell-theme .terminal-shell{color:#ff0}.cmd-theme{background:#000}.cmd-theme .terminal-header{background:#1a1a1a;border-bottom-color:#333}.cmd-theme .terminal-body{background:#000}.cmd-theme .terminal-command,.cmd-theme .terminal-prompt,.cmd-theme .terminal-shell{color:#fff}.fish-theme .terminal-prompt,.fish-theme .terminal-shell{color:#ff6b6b}[data-theme=dark] .terminal-container{box-shadow:0 4px 12px rgba(0,0,0,.3)}[data-theme=light] .terminal-container{background:#1e1e1e;border-color:#333}[data-theme=light] .terminal-container.bash-theme .terminal-body,[data-theme=light] .terminal-container.fish-theme .terminal-body,[data-theme=light] .terminal-container.zsh-theme .terminal-body{background:#1e1e1e}