.code-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.code-tabs button{padding:6px 12px;font-size:12px;cursor:pointer;border:1px solid var(--border, #333);background:var(--bg3, #1e1e1e);color:var(--dim, #aaa);border-radius:6px}.code-tabs button.active{background:var(--accent, #6a5acd);color:#fff;border-color:var(--accent, #6a5acd)}.code-panel{display:none}.code-panel.active{display:block}.code-panel-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.code-panel-header h3{margin:0;font-size:13px;color:var(--accent, #6a5acd)}.code-panel pre{max-height:420px;overflow:auto;font-size:12px;background:var(--bg3, #1e1e1e);border:1px solid var(--border, #333);border-radius:6px;padding:10px}