:root{--dracula-background:#282a36;--dracula-current-line:#44475a;--dracula-foreground:#f8f8f2;--dracula-comment:#6272a4;--dracula-cyan:#8be9fd;--dracula-green:#50fa7b;--dracula-orange:#ffb86c;--dracula-pink:#ff79c6;--dracula-purple:#bd93f9;--dracula-red:#f55;--dracula-yellow:#f1fa8c}.code-block{background:var(--dracula-background);border:1px solid var(--dracula-current-line);border-radius:8px;margin:1rem 0;overflow:hidden;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.code-header{background:var(--dracula-current-line);border-bottom:1px solid #44475a;justify-content:space-between;align-items:center;min-height:36px;padding:8px 12px;font-size:12px;display:flex}.header-left{align-items:center;gap:8px;display:flex}.header-right{align-items:center;display:flex}.language-tag{background:var(--dracula-purple);color:var(--dracula-background);text-transform:uppercase;letter-spacing:.5px;border-radius:4px;padding:4px 8px;font-size:11px;font-weight:600}.loading-indicator{color:var(--dracula-comment);font-size:11px;font-style:italic}.copy-button{border:1px solid var(--dracula-cyan);color:var(--dracula-cyan);cursor:pointer;text-transform:uppercase;letter-spacing:.5px;background:0 0;border-radius:4px;align-items:center;gap:4px;padding:4px 8px;font-size:11px;font-weight:500;transition:all .2s;display:flex}.copy-button:hover{background:var(--dracula-cyan);color:var(--dracula-background);transform:translateY(-1px)}.copy-button.copied{background:var(--dracula-green);border-color:var(--dracula-green);color:var(--dracula-background)}.copy-icon{font-size:12px}.code-container{background:var(--dracula-background);display:flex;overflow-x:auto}.line-numbers{background:var(--dracula-current-line);color:var(--dracula-comment);text-align:right;-webkit-user-select:none;user-select:none;border-right:1px solid #44475a;padding:1rem .5rem;font-family:Fira Code,monospace;font-size:14px;line-height:1.5}.line-number{padding:0 4px;display:block}pre.hljs{flex:1;margin:0;padding:1rem;font-family:Fira Code,monospace;font-size:14px;line-height:1.5;overflow-x:auto;background:var(--dracula-background)!important;color:var(--dracula-foreground)!important}pre.with-line-numbers{padding-left:.5rem}.hljs{background:var(--dracula-background)!important;color:var(--dracula-foreground)!important}.hljs-keyword{font-weight:600;color:var(--dracula-pink)!important}.hljs-built_in,.hljs-type{color:var(--dracula-cyan)!important}.hljs-literal,.hljs-number{color:var(--dracula-purple)!important}.hljs-string{color:var(--dracula-yellow)!important}.hljs-comment{font-style:italic;color:var(--dracula-comment)!important}.hljs-function,.hljs-title{color:var(--dracula-green)!important}.hljs-params{color:var(--dracula-foreground)!important}.hljs-attr{color:var(--dracula-cyan)!important}.hljs-variable{color:var(--dracula-foreground)!important}.hljs-selector-tag{color:var(--dracula-pink)!important}.hljs-selector-class{color:var(--dracula-green)!important}.hljs-selector-id{color:var(--dracula-orange)!important}.hljs-tag,.hljs-name{color:var(--dracula-pink)!important}.hljs-attribute{color:var(--dracula-orange)!important}.hljs-symbol,.hljs-meta{color:var(--dracula-purple)!important}.hljs-meta .hljs-string{color:var(--dracula-yellow)!important}.hljs-link{color:var(--dracula-cyan)!important}.hljs-addition{color:var(--dracula-green)!important}.hljs-deletion{color:var(--dracula-red)!important}.code-block.error{border-color:var(--dracula-red)}.code-block.error .code-header{background:var(--dracula-red)}.code-block.error .language-tag{background:var(--dracula-foreground);color:var(--dracula-red)}.code-block.loading .code-header{background:var(--dracula-comment)}.code-container::-webkit-scrollbar{height:8px}.code-container::-webkit-scrollbar-track{background:var(--dracula-current-line)}.code-container::-webkit-scrollbar-thumb{background:var(--dracula-comment);border-radius:4px}.code-container::-webkit-scrollbar-thumb:hover{background:var(--dracula-cyan)}@media (max-width:768px){.code-header{padding:6px 8px;font-size:11px}.language-tag,.copy-button{padding:3px 6px;font-size:10px}pre.hljs{padding:.75rem;font-size:13px}.line-numbers{padding:.75rem .25rem;font-size:13px}}
.blockify-custom-arrow{opacity:.8;margin-top:-12px;top:50%}.blockify-custom-arrow.swiper-button-disabled{opacity:.3!important}.blockify-swiper-pagination .swiper-pagination-bullet{background-color:var(--gray)}.blockify-swiper-pagination .swiper-pagination-bullet-active{background-color:var(--accent-color)}