.code-container{display:flex;flex-direction:column;width:100%;max-width:900px;margin:auto;border-radius:8px}.code-header{justify-content:space-between;padding:8px;background-color:var(--surface-2);border-radius:8px 8px 0 0;color:var(--fg);position:relative}.code-header,.copy-button{display:flex;align-items:center}.copy-button{padding:6px 12px;background-color:var(--accent);color:#ffffff;border:1px solid color-mix(in srgb,var(--accent) 70%,transparent);border-radius:4px;cursor:pointer;font-size:14px;transition:background-color .3s ease}.copy-button:hover{background-color:color-mix(in srgb,var(--accent) 82%,#000000)}.copy-button svg{width:16px;height:16px}.carbon{display:flex;align-items:center;gap:4px}.green,.red,.yellow{width:15px;height:15px;border-radius:50%}.red{background-color:#ff5555}.yellow{background-color:#ffb86c}.green{background-color:#27c93f}.syntax-highlighter-container{width:100%;overflow-x:auto}.code-block{font-size:14px;line-height:1.5}pre{margin:0!important;border-radius:0 0 3px 3px!important}.theme-toggle-button{cursor:pointer;transition:transform .2s ease,background-color .2s ease,border-color .2s ease}.logo-responsive{width:auto;height:40px;max-width:100%;object-fit:contain;transition:height .3s ease}@media (min-width:768px){.logo-responsive{height:50px}}