.code{border-radius:var(--r-md);background:#0b1220;border:1px solid #243044;overflow:hidden}.code__bar{align-items:center;gap:var(--s-3);padding:var(--s-2) var(--s-3);font-size:var(--fs-label);color:#98a2b3;font-family:var(--font-mono);border-bottom:1px solid #243044;display:flex}.code__copy{min-height:28px;padding:0 var(--s-2);color:#cbd5e1;font-size:var(--fs-label);cursor:pointer;background:0 0;border:1px solid #64748b;border-radius:6px;margin-left:auto}.code pre{padding:var(--s-4);margin:0;overflow-x:auto}.code code{font-family:var(--font-mono);font-size:var(--fs-small);color:#f8fafc;line-height:1.7}.code .k{color:#60a5fa}.code .s{color:#86efac}.code .c{color:#98a2b3}.code .n{color:#fcd34d}