.wb-root{--ce-keyword:#c792ea;--ce-string:#a5e3a1;--ce-number:#f6c177;--ce-comment:#7d8fa3;--ce-property:#82aaff;--ce-tag:#f07178;--ce-attribute:#ffcb6b;--ce-heading:#ffffff;--ce-link:#89ddff;--ce-punct:#aebccd;--ce-invalid:#ff5370;--ce-selection:rgba(27,101,241,0.32);--ce-active-line:rgba(255,255,255,0.04);--ce-gutter-bg:var(--surface2);--ce-gutter-fg:var(--muted);--ce-cursor:var(--text);--ce-match:rgba(27,101,241,0.25)}.wb-root[data-theme=light]{--ce-keyword:#7c3aed;--ce-string:#15803d;--ce-number:#b45309;--ce-comment:#64748b;--ce-property:#1d4ed8;--ce-tag:#be123c;--ce-attribute:#a16207;--ce-heading:#0d1b2a;--ce-link:#0369a1;--ce-punct:#475569;--ce-invalid:#dc2626;--ce-selection:rgba(27,101,241,0.18);--ce-active-line:rgba(13,27,42,0.035);--ce-gutter-bg:var(--surface2);--ce-gutter-fg:var(--muted);--ce-cursor:var(--text);--ce-match:rgba(27,101,241,0.16)}.code-editor{display:flex;flex-direction:column;min-width:0;min-height:var(--ce-min-height,240px);border:1px solid var(--border3);border-radius:10px;background:var(--input);overflow:hidden;font-family:var(
    --font-mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace
  );font-size:13.5px;line-height:1.55}.code-editor:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-light,rgba(27,101,241,.18))}.code-editor[data-readonly=true]{background:var(--surface2)}.code-editor .cm-editor{flex:1 1 auto;min-height:inherit;height:100%;outline:none;background:transparent;color:var(--text)}.code-editor .cm-scroller{font-family:inherit;font-size:inherit;line-height:inherit;overflow:auto}.code-editor .cm-content{padding:12px 0;caret-color:var(--ce-cursor)}.code-editor .cm-line{padding:0 14px}.code-editor .cm-gutters{background:var(--ce-gutter-bg);color:var(--ce-gutter-fg);border-right:1px solid var(--border3)}.code-editor .cm-activeLineGutter{background:var(--ce-active-line);color:var(--text3)}.code-editor .cm-activeLine{background:var(--ce-active-line)}.code-editor .cm-cursor,.code-editor .cm-dropCursor{border-left-color:var(--ce-cursor)}.code-editor .cm-content ::-moz-selection{background:var(--ce-selection)!important}.code-editor .cm-content ::selection,.code-editor .cm-editor.cm-focused .cm-selectionBackground,.code-editor .cm-selectionBackground{background:var(--ce-selection)!important}.code-editor .cm-editor.cm-focused .cm-matchingBracket,.code-editor .cm-matchingBracket{background:var(--ce-match);outline:none}.code-editor .cm-placeholder{color:var(--muted);font-style:normal}.code-editor .cm-panels{background:var(--surface);color:var(--text);border-color:var(--border3)}.code-editor .cm-tooltip{background:var(--surface);color:var(--text);border:1px solid var(--border3);border-radius:8px}@media (max-width:640px){.code-editor{font-size:13px}.code-editor .cm-line{padding:0 10px}}