.code-frame{background:#1f1f1f;border:1px solid #2b2b2b;border-radius:10px;margin:0;overflow:hidden}.code-bar{background:#181818;border-bottom:1px solid #2b2b2b;justify-content:space-between;align-items:stretch;display:flex}.code-tabs{scrollbar-width:none;min-width:0;display:flex;overflow-x:auto}.code-tab{color:#9d9d9d;font-family:var(--font-tt-sans,system-ui),sans-serif;white-space:nowrap;cursor:pointer;background:#181818;border-right:1px solid #2b2b2b;flex:none;padding:9px 16px 8px;font-size:13px;line-height:18px;position:relative}.code-tab:hover{color:#ccc}.code-tab[aria-selected=true],.code-tab[aria-current=true]{color:#fff;cursor:default;background:#1f1f1f}.code-tab[aria-selected=true]:before,.code-tab[aria-current=true]:before{content:"";background:var(--accent,var(--signal,#0078d4));height:1px;position:absolute;inset:0 0 auto}.code-tab:focus-visible,.code-copy:focus-visible{outline:1px solid var(--signal,#0078d4);outline-offset:-1px}.code-copy{color:#9d9d9d;min-height:28px;font-family:var(--font-tt-sans,system-ui),sans-serif;cursor:pointer;border-radius:5px;flex:none;align-items:center;gap:6px;margin:4px 6px;padding:0 10px;font-size:12px;display:inline-flex}.code-copy:hover{color:#fff;background:#2b2b2b}.code-copy svg{width:14px;height:14px}.code-body{overflow-x:auto}.code-pre{counter-reset:code-line;font-family:var(--font-tt-mono,ui-monospace),ui-monospace,SFMono-Regular,Menlo,monospace;tab-size:2;background:0 0;margin:0;padding:12px 0 14px;font-size:13px;line-height:19px}.code-pre code{min-width:max-content;display:block}.code-pre .line{min-width:100%;padding-right:20px;display:inline-block}.code-pre .line:before{counter-increment:code-line;content:counter(code-line);color:#6e7681;text-align:right;-webkit-user-select:none;user-select:none;width:3.25em;margin-right:1.5em;padding-right:.25em;display:inline-block}.code-pre .line:hover:before{color:#ccc}