.mock-code[data-v-8af0873a]{background:#0e1116;border:1px solid var(--border-primary);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);color:#e6edf3;font-family:var(--font-mono);overflow:hidden}.mock-code__chrome[data-v-8af0873a]{align-items:center;background:#161b22;border-bottom:1px solid #21262d;display:flex;gap:14px;height:40px;padding:0 14px}.mock-code__dots[data-v-8af0873a]{display:flex;gap:6px}.mock-code__dots span[data-v-8af0873a]{background:#30363d;border-radius:50%;height:10px;width:10px}.mock-code__dots span[data-v-8af0873a]:first-child{background:#ff5f57}.mock-code__dots span[data-v-8af0873a]:nth-child(2){background:#febc2e}.mock-code__dots span[data-v-8af0873a]:nth-child(3){background:#28c840}.mock-code__tabs[data-v-8af0873a]{display:flex;gap:4px;margin-left:8px;overflow-x:auto}.mock-code__tab[data-v-8af0873a]{border-radius:var(--radius-sm);color:#7d8590;cursor:pointer;font-size:12px;padding:4px 12px;transition:color var(--transition-fast),background var(--transition-fast);white-space:nowrap}.mock-code__tab[data-v-8af0873a]:hover{color:#e6edf3}.mock-code__tab.is-active[data-v-8af0873a]{background:#0d1117;border:1px solid #30363d;color:#e6edf3}.mock-code__pre[data-v-8af0873a]{font-size:13px;line-height:1.7;margin:0;overflow-x:auto;padding:22px 24px;white-space:pre}.mock-code__pre code[data-v-8af0873a]{color:#e6edf3}[data-v-8af0873a] .hl-k{color:#ff7b72}[data-v-8af0873a] .hl-s{color:#a5d6ff}[data-v-8af0873a] .hl-n{color:#79c0ff}[data-v-8af0873a] .hl-c{color:#8b949e;font-style:italic}