.code-tabs{display:flex;gap:4px;align-items:center;flex-wrap:wrap;margin-bottom:10px;padding:4px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.code-tablist{display:contents}.code-tab{padding:6px 14px;border:none;border-radius:var(--radius-xs);background:transparent;color:var(--color-text-muted);font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.code-tab:hover{color:var(--color-text-primary);background:#ffffff0a}.code-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.code-tab[aria-selected=true]{background:var(--color-primary);color:var(--color-bg-primary);font-weight:500}.code-tabs-spacer{margin-left:auto}.code-tabs-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.code-select{padding:6px 10px;min-width:150px;background:var(--color-bg-primary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-mono);font-size:12px;cursor:pointer}.code-select:hover{border-color:#ffffff2e}.code-block-wrapper{position:relative;margin:24px 0}.code-surface{position:relative;background:var(--color-bg-panel);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);overflow:hidden}.code-surface pre,.code-block-wrapper>pre,.code-block-content pre{margin:0;padding:18px 60px 18px 20px;background:transparent!important;border:none;border-radius:0;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.65;tab-size:2}.code-surface pre code,.code-block-wrapper>pre code,.code-block-content pre code{display:block;padding:0;background:transparent;font-family:var(--font-mono);font-size:13px;line-height:1.65}.code-block-wrapper>pre,.code-block-content{background:var(--color-bg-panel);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);overflow:hidden}.code-action{position:absolute;top:10px;display:flex;align-items:center;justify-content:center;gap:6px;height:30px;padding:0 9px;background:var(--color-bg-tertiary);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:var(--color-text-muted);font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;opacity:0;transition:opacity var(--transition-normal),color var(--transition-fast),border-color var(--transition-fast),background var(--transition-fast);z-index:2}.code-block-wrapper:hover .code-action,.code-action:focus-visible{opacity:1}.code-action:hover{color:var(--color-text-primary);background:var(--color-bg-elevated);border-color:#fff3}.code-action[data-copied=true]{opacity:1;color:var(--color-primary);border-color:var(--color-primary-border);background:var(--color-primary-dim)}.code-action svg{flex-shrink:0}.code-action-copy{right:10px}.code-action-reveal{right:52px}@media(hover:none){.code-action{opacity:1}}.code-hint{margin:10px 0 0;font-size:13px;line-height:1.6;color:var(--color-text-muted)}.code-hint a{color:var(--color-primary);text-decoration:none}.code-hint a:hover{text-decoration:underline}.code-hint code{padding:2px 6px;background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:12px;color:var(--color-text-primary)}.code-deeplink-panel{display:flex;flex-direction:column;gap:12px}.code-install-container{display:flex;align-items:center;justify-content:center;padding:16px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.code-install-button{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-bg-primary);font-family:var(--font-sans);font-size:14px;font-weight:500;text-decoration:none;transition:opacity var(--transition-fast)}.code-install-button:hover{opacity:.85}.code-key-blurred{filter:blur(4px);user-select:none}.code-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}