.office-container[data-v-16010b5a]{display:flex;border-radius:12px;overflow:hidden;box-sizing:border-box;height:100%}.editor-box[data-v-16010b5a],.preview-box[data-v-16010b5a]{width:50%;margin:10px;box-sizing:border-box;display:flex;flex-direction:column}h3[data-v-16010b5a]{margin-top:0;margin-bottom:12px;color:#333;font-size:16px}.json-editor-container[data-v-16010b5a]{flex:1;overflow:hidden;border:1px solid #ddd;border-radius:6px;padding:8px}.json-editor[data-v-16010b5a]{width:100%;height:100%;min-height:300px;padding:12px;border:none;border-radius:4px;font-family:Courier New,monospace;resize:none;font-size:13px;line-height:1.4;box-sizing:border-box;white-space:pre;word-wrap:normal;overflow-x:auto}.status-bar[data-v-16010b5a]{padding:8px 12px;margin-bottom:12px;border-radius:4px;font-size:13px;font-weight:500}.status-bar.valid[data-v-16010b5a]{background-color:#f0f9ff;color:#007acc;border:1px solid #b3d8ff}.status-bar.invalid[data-v-16010b5a]{background-color:#fef0f0;color:#f56c6c;border:1px solid #fde2e2}.toolbar[data-v-16010b5a]{display:flex;align-items:center;gap:12px;margin-bottom:12px;flex-wrap:wrap;padding:8px;background-color:#f8f9fa;border-radius:4px}.table-container[data-v-16010b5a]{flex:1;overflow:auto;border:1px solid #dcdfe6;border-radius:4px}.el-table[data-v-16010b5a]{width:100%}.el-table[data-v-16010b5a] .el-table__header th{background-color:#f5f7fa;color:#606266;font-weight:600}.json-editor-container[data-v-16010b5a]::-webkit-scrollbar,.table-container[data-v-16010b5a]::-webkit-scrollbar{height:8px;width:8px}.json-editor-container[data-v-16010b5a]::-webkit-scrollbar-track,.table-container[data-v-16010b5a]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.json-editor-container[data-v-16010b5a]::-webkit-scrollbar-thumb,.table-container[data-v-16010b5a]::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.json-editor-container[data-v-16010b5a]::-webkit-scrollbar-thumb:hover,.table-container[data-v-16010b5a]::-webkit-scrollbar-thumb:hover{background:#a8a8a8}