.json-tree-editor{border:1px solid var(--border-color);border-radius:4px;width:100%;height:100%}.editor-container{background-color:var(--bg-color);flex-direction:column;height:calc(100vh - 260px);min-height:300px;margin:8px 0;transition:height .1s ease-out;display:flex;position:relative;overflow:hidden}.editor-container.resizing{cursor:ns-resize;transition:none}.editor-resizer{background-color:var(--bg-color-secondary);cursor:ns-resize;border-top:1px solid var(--border-color);z-index:5;width:100%;height:10px;transition:background-color .2s;position:relative}.editor-resizer:hover{background-color:#3498db1a}.resizer-handle{background-color:var(--border-color);opacity:.5;border-radius:2px;width:40px;height:4px;margin:3px auto;transition:opacity .2s,background-color .2s}.editor-resizer:hover .resizer-handle{opacity:1;background-color:var(--primary-color)}.editor-container.resizing .editor-resizer{background-color:#3498db33}.editor-container.resizing .resizer-handle{opacity:1;background-color:var(--primary-color)}.action-buttons{background-color:var(--bg-color);border:1px solid var(--border-color);z-index:5;border-radius:4px;justify-content:space-between;margin-top:12px;padding:8px 12px;display:flex;position:relative}.action-buttons>div{gap:8px;display:flex}.btn-sm{padding:4px 10px;font-size:.85rem}.shortcut{opacity:.7;margin-left:5px;font-size:.75rem}.view-buttons{gap:5px;display:flex}.view-btn{border:1px solid var(--border-color);background-color:var(--bg-color);color:var(--text-secondary);cursor:pointer;border-radius:4px;padding:4px 10px;font-size:.85rem;transition:all .2s}.view-btn:hover{background-color:var(--bg-color-secondary)}.view-btn.active{background-color:var(--primary-color);color:#fff;border-color:var(--primary-color)}.options-panel{background-color:var(--bg-color-secondary);border:1px solid var(--border-color);z-index:5;border-radius:4px;margin-top:8px;padding:8px 12px;position:relative}.form-row{flex-wrap:wrap;align-items:center;gap:15px;display:flex}.form-group{align-items:center;gap:8px;display:flex}.form-group label{white-space:nowrap;font-size:.85rem}.form-control-sm{background-color:var(--input-bg);height:28px;color:var(--input-color);border-color:var(--input-border);padding:4px 8px;font-size:.85rem}.form-control-sm:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 2px var(--input-focus-shadow)}select.form-control-sm option{background-color:var(--input-bg);color:var(--input-color)}.error-container{color:var(--danger-color);border-left:4px solid var(--danger-color);background-color:#f851491a;border-radius:4px;margin:10px 0;padding:10px 15px;display:none;position:relative}.error-container.show{align-items:flex-start;display:flex}.error-icon{margin-top:2px;margin-right:10px;font-size:18px}.error-message{white-space:pre-wrap;flex:1;font-family:Consolas,Monaco,Andale Mono,monospace;font-size:.9rem}.close-error{color:var(--danger-color);cursor:pointer;background:0 0;border:none;margin-left:10px;padding:0;font-size:16px}.status-bar{background-color:var(--bg-subtle);border:1px solid var(--border-color);color:var(--text-secondary);border-radius:4px;justify-content:space-between;margin-top:8px;padding:5px 10px;font-size:.75rem;display:flex}.related-tools{margin-top:15px}.tools-container{gap:10px}.tool-card{padding:10px}.tool-card h3{margin:8px 0 5px;font-size:.95rem}.tool-card p{font-size:.85rem}:root{border-color:var(--border-color);background-color:var(--bg-color)}:root .jsoneditor-menu{background-color:var(--bg-subtle);border-bottom:1px solid var(--border-color)}:root .jsoneditor-search{background-color:var(--bg-color)}[data-theme=dark] .jsoneditor{border-color:var(--border-color);background-color:var(--bg-color)}[data-theme=dark] .jsoneditor-outer{color:#f5f7fa;background-color:#1e2a38}[data-theme=dark] .jsoneditor-menu>button,[data-theme=dark] .jsoneditor-modes>button{color:#fff;background-color:#2c3e50;border-color:#4b6584}[data-theme=dark] .jsoneditor-menu>button:hover,[data-theme=dark] .jsoneditor-modes>button:hover{background-color:#34495e}[data-theme=dark] .jsoneditor-contextmenu .jsoneditor-menu{background-color:#263747;border-color:#4b6584}[data-theme=dark] .jsoneditor-contextmenu .jsoneditor-menu button{color:var(--text-primary);background-color:#263747}[data-theme=dark] .jsoneditor-contextmenu .jsoneditor-menu button:hover,[data-theme=dark] .jsoneditor-contextmenu .jsoneditor-menu button:focus{color:#fff;background-color:#3498db}[data-theme=dark] .ace-jsoneditor{color:#f5f7fa;background-color:#1e2a38}[data-theme=dark] .ace_editor.ace-jsoneditor,[data-theme=dark] .ace-jsoneditor .ace_scroller,[data-theme=dark] .ace-jsoneditor .ace_content{background-color:#1e2a38}[data-theme=dark] .ace-jsoneditor .ace_marker-layer .ace_active-line{background-color:#ffffff12}[data-theme=dark] .ace-jsoneditor .ace_gutter{color:#95a5a6;background-color:#2c3e50}[data-theme=dark] .ace-jsoneditor .ace_gutter-active-line{background-color:#ffffff1a}[data-theme=dark] .ace-jsoneditor .ace_cursor{border-left:2px solid #f5f7fa}[data-theme=dark] .ace-jsoneditor .ace_string{color:#2ecc71}[data-theme=dark] .ace-jsoneditor .ace_constant.ace_numeric{color:#f39c12}[data-theme=dark] .ace-jsoneditor .ace_keyword{color:#9b59b6}[data-theme=dark] .ace-jsoneditor .ace_variable{color:#3498db}[data-theme=dark] .jsoneditor-tree{background-color:var(--bg-color);color:var(--text-primary)}[data-theme=dark] .jsoneditor-field,[data-theme=dark] .jsoneditor-value{color:var(--text-primary)}[data-theme=dark] div.jsoneditor-field[contenteditable=true]:focus,[data-theme=dark] div.jsoneditor-field[contenteditable=true]:hover,[data-theme=dark] div.jsoneditor-value[contenteditable=true]:focus,[data-theme=dark] div.jsoneditor-value[contenteditable=true]:hover,[data-theme=dark] div.jsoneditor-field.jsoneditor-highlight,[data-theme=dark] div.jsoneditor-value.jsoneditor-highlight{background-color:#3498db33;border-color:#3498db}[data-theme=dark] div.jsoneditor-value.jsoneditor-string{color:#2ecc71}[data-theme=dark] div.jsoneditor-value.jsoneditor-number{color:#f39c12}[data-theme=dark] div.jsoneditor-value.jsoneditor-boolean{color:#9b59b6}[data-theme=dark] div.jsoneditor-value.jsoneditor-null{color:#bdc3c7}[data-theme=dark] .jsoneditor-navigation-bar{background-color:var(--bg-subtle);border-bottom:1px solid var(--border-color);color:var(--text-secondary)}@media (width<=768px){.editor-container{height:calc(100vh - 330px)}.action-buttons{flex-direction:column;gap:8px}.form-row{flex-direction:column;align-items:flex-start}.view-buttons{margin-top:5px}.main-actions{flex-wrap:wrap}}:root{--bg-color:#fff;--bg-color-secondary:#f8f9fa;--bg-subtle:#f5f7fa;--text-primary:#333;--text-secondary:#777;--text-subtle:#95a5a6;--border-color:#e1e4e8;--primary-color:#3498db;--danger-color:#e74c3c;--input-bg:#fff;--input-color:#333;--input-border:#e1e4e8;--input-focus-border:#3498db;--input-focus-shadow:#3498db4d}[data-theme=dark]{--bg-color:#1e2a38;--bg-color-secondary:#263747;--bg-subtle:#2c3e50;--text-primary:#f5f7fa;--text-secondary:#bdc3c7;--text-subtle:#95a5a6;--border-color:#4b6584;--primary-color:#3498db;--danger-color:#e74c3c;--input-bg:#263747;--input-color:#f5f7fa;--input-border:#4b6584;--input-focus-border:#3498db;--input-focus-shadow:#3498db4d}.json-tree-editor.dark-theme{color:#f5f7fa;background-color:#1e2a38}[data-theme=dark] .ace_editor{color:#f5f7fa!important;background-color:#1e2a38!important}[data-theme=dark] .ace_editor .ace_scroller,[data-theme=dark] .ace_editor .ace_content{background-color:#1e2a38!important}.visually-hidden[data-v-e0c9bcf0]{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.options-panel--flex[data-v-e0c9bcf0]{flex-wrap:wrap;align-items:flex-end;gap:.75rem;display:flex}.form-row--grow[data-v-e0c9bcf0]{flex-wrap:wrap;flex:1;gap:1rem;display:flex}.form-group--checkbox[data-v-e0c9bcf0]{align-items:center;gap:.35rem;display:flex}