.cm-dev-code-tabs{background-color:#f1f5f9;border-bottom:1px solid #e2e8f0;border-radius:8px 8px 0 0;display:flex}.cm-dev-tab-button{background:none;border:none;border-bottom:2px solid transparent;color:#475569;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.cm-dev-tab-button:hover{background-color:rgba(226,232,240,.8);color:#334155}.cm-dev-tab-button.active{background-color:var(--code-bg);border-bottom-color:var(--cm-primary);color:var(--cm-primary);font-weight:500}.cm-dev-code-content{background-color:var(--code-bg)!important;border-radius:0 0 8px 8px}.cm-dev-code-panel{display:none;min-height:300px}.cm-dev-code-panel.active{display:block}.cm-dev-code-panel code,.cm-dev-code-panel pre{height:100%}pre{background-color:var(--code-bg);border:1px solid var(--code-border);border-radius:8px;box-shadow:0 2px 6px var(--code-shadow);margin:20px 0;overflow:auto;padding:0;position:relative}code{display:block;font-family:JetBrains Mono,Fira Code,Source Code Pro,Menlo,Monaco,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;padding:20px}.cm-api-example-params code,.cm-dev-section p code,.cm-dev-table code,:not(pre)>code{background-color:var(--param-bg);border:1px solid var(--param-border);border-radius:4px;color:var(--param-fg);display:inline-block;font-size:.9em;font-weight:500;margin:0 2px;padding:2px 6px}code.action-param,td code.action-param{background-color:var(--action-bg);border:none;border-radius:4px;box-shadow:0 2px 4px var(--action-shadow);color:var(--action-fg);display:inline-block;font-weight:600;padding:3px 8px}.highlight-box{background-color:var(--highlight-bg);border:1px solid var(--highlight-border);border-radius:4px;color:var(--highlight-fg);display:inline-block;font-weight:600;padding:2px 6px}#code-samples pre:has(code.language-javascript):before,#code-samples pre:has(code.language-php):before,#code-samples pre:has(code.language-python):before,.cm-dev-code-panel pre:before{background:var(--code-bg);border-bottom:1px solid var(--code-border);border-left:1px solid var(--code-border);border-radius:0 0 4px 4px;border-right:1px solid var(--code-border);color:var(--code-fg);content:attr(data-language);font-family:sans-serif;font-size:11px;left:10px;letter-spacing:.05em;opacity:.7;padding:2px 8px;position:absolute;text-transform:uppercase;top:0}.token.comment{color:var(--code-comment)!important;font-style:italic}.token.atrule,.token.important,.token.keyword,.token.selector{color:var(--code-keyword)!important;font-weight:500}.token.attr-value,.token.char,.token.string{color:var(--code-string)!important}.token.boolean,.token.number{color:var(--code-number)!important}.token.function,.token.function-name{color:var(--code-function)!important;font-weight:500}.token.attr-name,.token.class-name,.token.constant,.token.property,.token.symbol{color:var(--code-class)!important}.token.deleted,.token.namespace,.token.tag{color:var(--code-tag)!important}.token.entity,.token.operator,.token.url{color:var(--code-operator)!important}.token.parameter,.token.variable{color:var(--code-variable)!important}code.language-json .token.property{color:var(--code-function)!important}code.language-json .token.string{color:var(--code-string)!important}#code-samples pre:has(code.language-javascript),#js-example pre{border-left:3px solid var(--action-bg)}#code-samples pre:has(code.language-python),#python-example pre{border-left:3px solid var(--action-bg)}pre:has(code.language-javascript):focus-within,pre:has(code.language-python):focus-within{box-shadow:0 0 0 2px var(--action-bg);outline:none}.copy-button{background:rgba(203,213,225,.2);border:1px solid var(--code-border);border-radius:4px;color:var(--code-fg);cursor:pointer;font-size:12px;font-weight:500;opacity:.6;padding:4px 8px;position:absolute;right:8px;top:8px;transition:all .2s;z-index:10}.copy-button:hover{background:rgba(203,213,225,.4);opacity:1}pre:hover .copy-button{opacity:.8}#code-samples pre::-webkit-scrollbar,.cm-dev-code-panel pre::-webkit-scrollbar{height:8px;width:8px}#code-samples pre::-webkit-scrollbar-track,.cm-dev-code-panel pre::-webkit-scrollbar-track{background:#f1f5f9;border-radius:0 0 4px 0}#code-samples pre::-webkit-scrollbar-thumb,.cm-dev-code-panel pre::-webkit-scrollbar-thumb{background-color:#cbd5e1;border:2px solid #f1f5f9;border-radius:4px}#code-samples pre::-webkit-scrollbar-thumb:hover,.cm-dev-code-panel pre::-webkit-scrollbar-thumb:hover{background-color:#94a3b8}