.code-block{background-color:#2d3748;border-radius:8px;margin:25px 0;overflow:hidden;box-shadow:0 4px 15px #0003}.code-header{background-color:#4a5568;padding:8px 15px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #718096}.language-label{color:#e2e8f0;font-size:14px;font-weight:600;text-transform:uppercase}.copy-button,.run-button{background-color:#718096;color:#e2e8f0;border:none;padding:5px 10px;border-radius:4px;cursor:pointer;font-size:13px;transition:background-color .2s ease}.copy-button:hover,.run-button:hover{background-color:#a0aec0}.code-content{padding:15px;max-height:400px;overflow-y:auto}.code-content pre{margin:0;background-color:transparent!important;padding:0!important}.code-content code{color:#e2e8f0;font-family:Courier New,Courier,monospace;font-size:14px;line-height:1.5;white-space:pre-wrap}.code-content code .token.comment,.code-content code .token.prolog,.code-content code .token.doctype,.code-content code .token.cdata{color:#a0aec0}.code-content code .token.punctuation{color:#cbd5e0}.code-content code .token.tag,.code-content code .token.attr-name,.code-content code .token.namespace,.code-content code .token.deleted{color:#90cdf4}.code-content code .token.function-name{color:#68d391}.code-content code .token.boolean,.code-content code .token.number,.code-content code .token.function{color:#f6ad55}.code-content code .token.property,.code-content code .token.class-name,.code-content code .token.constant,.code-content code .token.symbol{color:#f6e05e}.code-content code .token.selector,.code-content code .token.important,.code-content code .token.atrule,.code-content code .token.keyword,.code-content code .token.builtin{color:#f687b3}.code-content code .token.string,.code-content code .token.char,.code-content code .token.attr-value,.code-content code .token.regex,.code-content code .token.variable{color:#a7f3d0}.code-content code .token.operator,.code-content code .token.entity,.code-content code .token.url{color:#cbd5e0}.code-footer{background-color:#4a5568;padding:8px 15px;text-align:right;border-top:1px solid #718096}code.inline{background-color:#f1f5f9;color:#334155;padding:2px 5px;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.9em}