.biiba-site-codeblock{width:100%;position:relative;font-family:var(--biiba-font-mono);background:var(--biiba-surface);border:1px solid var(--biiba-border);border-radius:var(--biiba-radius-lg);overflow:hidden;margin:16px 0}.biiba-site-codeblock-overlay{position:sticky;top:12px;right:12px;float:right;margin-top:12px;margin-right:12px;z-index:100;display:flex;align-items:center;gap:8px}.biiba-site-codeblock-header{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--biiba-surface-raised);border-bottom:1px solid var(--biiba-border);min-height:38px}.biiba-site-codeblock-filename{display:flex;align-items:center;font-size:11px;font-weight:500;color:var(--biiba-text-muted);font-family:var(--biiba-font-mono);letter-spacing:-.01em}.biiba-site-codeblock-header .biiba-site-codeblock-copy-btn{background:transparent!important;border:none!important;padding:4px 8px!important;color:var(--biiba-text-subtle)!important;font-size:11px!important;font-weight:500!important;opacity:.8!important}.biiba-site-codeblock-header .biiba-site-codeblock-copy-btn:hover{color:var(--biiba-text)!important;background:var(--biiba-bg)!important;opacity:1!important}.biiba-site-codeblock-copy-btn{background:var(--biiba-bg);border:1px solid var(--biiba-border);padding:6px;color:var(--biiba-text-muted);cursor:pointer;border-radius:var(--biiba-radius-sm);transition:all .2s ease;display:flex;align-items:center;justify-content:center;opacity:.6}.biiba-site-codeblock:hover .biiba-site-codeblock-copy-btn{opacity:1}.biiba-site-codeblock-copy-btn:hover{background:var(--biiba-surface);color:var(--biiba-text);border-color:var(--biiba-border-focus)}.biiba-site-codeblock-content{overflow-x:auto;position:relative}.biiba-site-codeblock-inner{display:flex;min-width:100%}.biiba-site-codeblock-gutter{padding:20px 0;background:inherit;display:flex;flex-direction:column;-webkit-user-select:none;user-select:none;min-width:44px;text-align:right;flex-shrink:0}.biiba-site-codeblock-ln{padding:0 12px;color:var(--biiba-text-subtle);opacity:.4;font-size:11px;line-height:1.6}.biiba-site-codeblock-pre{margin:0;padding:20px 48px 20px 16px;flex:1 1;background:transparent}.biiba-site-codeblock-pre code{font-family:inherit;font-size:13px;line-height:1.6;color:#e6edf3;white-space:pre}[data-biiba-theme=light] .biiba-site-codeblock-pre code{color:#24292e}@media (max-width:768px){.biiba-site-codeblock-pre code{font-size:11px}}.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#8b949e;font-style:italic}.token.punctuation{color:#8b949e}.token.boolean,.token.constant,.token.deleted,.token.number,.token.property,.token.symbol,.token.tag{color:#79c0ff}[data-biiba-theme=light] .token.boolean,[data-biiba-theme=light] .token.number,[data-biiba-theme=light] .token.property,[data-biiba-theme=light] .token.tag{color:#0550ae}.token.attr-name,.token.builtin,.token.char,.token.inserted,.token.selector,.token.string{color:#a5d6ff}[data-biiba-theme=light] .token.attr-name,[data-biiba-theme=light] .token.string{color:#24292e}.token.entity,.token.operator,.token.url{color:#d2a8ff}.token.keyword{color:#ff7b72}[data-biiba-theme=light] .token.keyword{color:#cf222e}.token.class-name,.token.function{color:#d2a8ff}[data-biiba-theme=light] .token.function{color:#8250df}