.c-code-panel{--c-code-bg:#1b1c1e;--c-code-border:hsla(0,0%,100%,.08);--c-code-text:#d8dcd9;--c-code-muted:#7e8681;--c-code-string:#9fdcbc;--c-code-accent:#14b86a;background:var(--c-code-bg);border:1px solid var(--c-code-border);border-radius:14px;box-shadow:0 24px 60px rgba(0,0,0,.25);color:var(--c-code-text);overflow:hidden;width:100%}.c-code-panel__header{align-items:center;border-bottom:1px solid var(--c-code-border);display:flex;gap:12px;justify-content:space-between;padding:10px 14px}.c-code-panel__tabs{display:flex;gap:4px}.c-code-panel__tab{background:transparent;border:0;border-radius:6px;color:var(--c-code-muted);cursor:pointer;font:600 12px/1.2 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;letter-spacing:.04em;padding:5px 10px;transition:background .2s ease,color .2s ease}.c-code-panel__tab:hover{color:var(--c-code-text)}.c-code-panel__tab.is-active{background:hsla(0,0%,100%,.1);color:#fff}.c-code-panel__tab:focus-visible{outline:2px solid var(--c-code-accent);outline-offset:2px}.c-code-panel__note{color:var(--c-code-muted);font-size:11px;white-space:nowrap}.c-code-panel__body{display:grid}.c-code-panel__pane{grid-area:1/1;opacity:0;transition:opacity .25s ease;visibility:hidden}.c-code-panel__pane.is-active{opacity:1;visibility:visible}.c-code-panel__pre{background:transparent;color:inherit;font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;margin:0;overflow-x:auto;padding:20px 24px 24px;tab-size:2;white-space:pre}.c-code-panel__pre code{background:none;color:inherit;font:inherit;padding:0}.c-code-panel .tok-string{color:var(--c-code-string)}.c-code-panel .tok-comment{color:var(--c-code-muted)}.c-code-panel .tok-method{color:#fff;font-weight:700}@media (max-width:767px){.c-code-panel__pre{font-size:12px;padding:16px 18px 20px}.c-code-panel__note{display:none}}@media (prefers-reduced-motion:reduce){.c-code-panel__pane,.c-code-panel__tab{transition:none}}