.json-tool-container[data-v-f948afdd]{display:flex;flex-direction:column;background:#f4f6f9}.top-panel[data-v-f948afdd]{background:#fff;border-bottom:1px solid #e4e7ed;padding:20px 40px;box-sizing:border-box;display:flex;flex-direction:column}.editor-header[data-v-f948afdd]{display:flex;align-items:center;gap:15px;margin-bottom:15px}.editor-header .label[data-v-f948afdd]{font-weight:700;font-size:18px;color:#303133}.editor-wrapper[data-v-f948afdd]{width:100%;height:calc(100vh - 350px);min-height:300px;border:1px solid #dcdfe6;border-radius:4px;overflow:hidden;background-color:#fff}.middle-panel[data-v-f948afdd]{background:#f8f9fb;padding:15px 40px;border-bottom:1px solid #ebeef5}.action-bar[data-v-f948afdd]{display:flex;flex-wrap:wrap;gap:12px;align-items:center}.white-btn[data-v-f948afdd]{background-color:#fff;color:#606266;border-color:#dcdfe6}.white-btn[data-v-f948afdd]:hover{color:#409eff;border-color:#c6e2ff;background-color:#ecf5ff}.bottom-panel[data-v-f948afdd]{flex:1;padding:20px 40px;overflow-y:auto;background:#f4f6f9}.status-box[data-v-f948afdd]{padding:20px;border-radius:8px;border:1px solid}.status-box.success[data-v-f948afdd]{background-color:#f0f9eb;border-color:#e1f3d8;color:#67c23a}.status-box.error[data-v-f948afdd]{background-color:#fef0f0;border-color:#fde2e2;color:#f56c6c}.status-header[data-v-f948afdd]{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-weight:700;font-size:16px}.status-content[data-v-f948afdd]{margin:0;white-space:pre-wrap;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.6}.empty-holder[data-v-f948afdd]{padding-top:40px}.global-loading[data-v-f948afdd]{position:fixed;inset:0;background:rgba(255,255,255,.9);z-index:10000;display:flex;align-items:center;justify-content:center;text-align:center}[data-v-f948afdd] .cm-editor{height:100%}[data-v-f948afdd] .cm-scroller{overflow:auto;font-family:Consolas,Monaco,Courier New,monospace}[data-v-f948afdd] .cm-gutters{background-color:#f5f7fa;border-right:1px solid #ebeef5;color:#909399;min-width:40px}@media screen and (max-width: 768px){.top-panel[data-v-f948afdd],.middle-panel[data-v-f948afdd],.bottom-panel[data-v-f948afdd]{padding:15px}.editor-wrapper[data-v-f948afdd]{height:400px}.action-bar[data-v-f948afdd]{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.action-bar .el-button[data-v-f948afdd]{margin:0!important;width:100%}.mobile-hide[data-v-f948afdd]{display:none}}