.tool-code-editor-react{position:relative;display:block;min-width:0;border-radius:var(--radius-md);overflow:hidden;background:var(--editor-bg);border:1px solid var(--panel-border);height:clamp(24rem,62vh,44rem);box-shadow:var(--shadow-sm)}.tool-code-editor-react .editor-top-actions{position:absolute;top:.5rem;right:.5rem;z-index:4;display:inline-flex;gap:.4rem}.tool-code-editor-react .editor-action-button{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--pane-bg);color:var(--pane-text);box-shadow:var(--shadow-sm);cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.tool-code-editor-react .editor-action-button:hover{background:var(--accent-soft)}.tool-code-editor-react .editor-action-button:focus-visible{outline:none;box-shadow:var(--focus-ring)}.tool-code-editor-react .editor-action-button svg{width:1rem;height:1rem}.tool-code-editor-react .code-editor{height:100%}.tool-code-editor-react:fullscreen{height:100dvh;max-height:100dvh;border-radius:0;border:none}.tool-code-editor-react .code-editor .cm-editor{height:100%;background:var(--editor-bg);color:var(--editor-text);font-family:var(--mono);font-size:.97rem}#json-input.cm-editor,#json-output.cm-editor{background:var(--editor-bg)!important;color:var(--editor-text)!important}.tool-code-editor-react .code-editor .cm-scroller{font-family:var(--mono);line-height:1.62}.tool-code-editor-react .code-editor .cm-content{padding:.75rem 1rem;caret-color:var(--editor-cursor);color:var(--editor-text)}.tool-code-editor-react .code-editor .cm-line{color:var(--editor-text)}.tool-code-editor-react .code-editor .cm-placeholder{color:var(--muted-text)!important;opacity:1!important}.tool-code-editor-react .code-editor .cm-gutters{background:var(--gutter-bg);color:var(--gutter-text);border-right:1px solid var(--gutter-border)}.tool-code-editor-react .code-editor .cm-activeLineGutter{background:var(--editor-active-gutter)}.tool-code-editor-react .code-editor .cm-activeLine{background:var(--editor-active-line);color:var(--editor-text)}.tool-code-editor-react .code-editor .cm-foldGutter span{color:var(--gutter-text)}.tool-code-editor-react .code-editor .cm-tooltip{background:var(--menu-bg);color:var(--pane-text);border:1px solid var(--menu-border)}.tool-code-editor-react .code-editor .cm-panels{background:transparent}.tool-code-editor-react .code-editor .cm-panels-top{border-bottom:1px solid var(--panel-border)}.tool-code-editor-react .code-editor .cm-search{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;padding:.7rem .9rem;background:var(--menu-bg);color:var(--pane-text);font-size:.96rem}.tool-code-editor-react .code-editor .cm-search label{display:inline-flex;align-items:center;gap:.35rem;font-size:.9rem}.tool-code-editor-react .code-editor .cm-search input,.tool-code-editor-react .code-editor .cm-search button,.tool-code-editor-react .code-editor .cm-search select{min-height:2.25rem;border-radius:var(--radius-sm);border:1px solid var(--panel-border);background:var(--editor-bg);color:var(--pane-text);font-size:.95rem}.tool-code-editor-react .code-editor .cm-search input,.tool-code-editor-react .code-editor .cm-search select{padding:.45rem .65rem}.tool-code-editor-react .code-editor .cm-search button{padding:.45rem .8rem;cursor:pointer}.tool-code-editor-react .code-editor .cm-search button:hover{background:var(--accent-soft)}.tool-code-editor-react .code-editor .cm-search button:disabled{cursor:not-allowed;opacity:.55}.tool-code-editor-react .code-editor .cm-search input:focus-visible,.tool-code-editor-react .code-editor .cm-search button:focus-visible,.tool-code-editor-react .code-editor .cm-search select:focus-visible{outline:none;box-shadow:var(--focus-ring)}.cm-selectionBackground,.cm-content ::selection{background:var(--editor-selection)}@media(max-width:1024px){.tool-code-editor-react{height:clamp(18rem,52vh,34rem)}.tool-code-editor-react .code-editor .cm-editor{font-size:.93rem}}@media(max-width:640px){.tool-code-editor-react .code-editor .cm-editor{font-size:.96rem}.tool-code-editor-react .code-editor .cm-scroller{line-height:1.68}}