.codeblock{position:relative;display:flex;flex-direction:column;border:1px solid #52557a;border-radius:var(--la-radius-lg);background:#3a3d56;box-shadow:var(--la-shadow-md);overflow:hidden;min-width:0}.codeblock:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--la-brand) 0,var(--la-brand-mid,var(--la-brand)) 36%,transparent 76%);opacity:.9;z-index:1}.codeblock--no-accent:before{display:none}.codeblock-bar{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid hsla(0,0%,100%,.14);background:#3a3d56}.codeblock-name{font-size:var(--ty-code-size);font-family:var(--ty-code-family);color:#c4c7e0}.codeblock-actions{display:flex;gap:8px}.codeblock-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#4a4d6b;border:1px solid #5a5e83;color:#e6e9f5;border-radius:var(--la-radius-md);padding:4px 12px;font-size:var(--ty-small-size);font-weight:500;cursor:pointer;transition:background .14s ease,border-color .14s ease,color .14s ease}.codeblock-btn:hover{background:#54587b;border-color:var(--la-brand);color:#fff}.codeblock-pre{margin:0;padding:16px;overflow:auto;max-height:calc(100vh - 260px);background:#3a3d56;font-family:var(--ty-code-family);font-size:var(--ty-code-size);line-height:1.55;color:#eceefb;white-space:pre;-moz-tab-size:2;-o-tab-size:2;tab-size:2}.cb-key{color:#ff8a93}.cb-str{color:#b6e3a0}.cb-val{color:#eceefb}.cb-bool,.cb-num{color:#e8b07a}.cb-com{color:#aab0cf;font-style:italic}.cb-pun{color:#c2c5dd}.codeblock--chat{box-shadow:none}.codeblock--chat:before{display:none}.codeblock--chat .codeblock-name{display:inline-flex;align-items:center;gap:7px;font-family:inherit;font-size:var(--ty-small-size);font-weight:600;color:#c4c7e0}.codeblock--chat .codeblock-glyph{width:15px;height:15px;color:#aab0cf}.codeblock--chat .codeblock-icon{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-flex;align-items:center;justify-content:center;width:30px;height:28px;background:none;border:1px solid transparent;border-radius:var(--la-radius-md);color:#c4c7e0;cursor:pointer;transition:background .14s ease,color .14s ease,border-color .14s ease}.codeblock--chat .codeblock-icon svg{width:16px;height:16px}.codeblock--chat .codeblock-icon:hover{background:#54587b;color:#fff;border-color:#5a5e83}.codeblock--chat .codeblock-pre{max-height:none;padding:14px 16px}