.codemirror-wrapper[data-v-7ef95b8c]{height:100%}.office-container[data-v-7086d9b8]{display:flex;flex-direction:column;height:calc(100vh - 40px);margin:0;border:1px solid #dcdfe6;background:#fff;overflow:hidden}@media (min-width:992px){.office-container[data-v-7086d9b8]{flex-direction:row}}.editor-section[data-v-7086d9b8],.preview-section[data-v-7086d9b8]{flex:1;display:flex;flex-direction:column;min-height:0;overflow:hidden}.editor-section[data-v-7086d9b8]{border-bottom:1px solid #dcdfe6}@media (min-width:992px){.editor-section[data-v-7086d9b8]{border-bottom:none;border-right:1px solid #dcdfe6}}.section-header[data-v-7086d9b8]{padding:12px;background:#f8f9fb;border-bottom:1px solid #ebeef5;font-size:14px;font-weight:600}.editor-box[data-v-7086d9b8],.preview-box[data-v-7086d9b8]{flex:1;position:relative;overflow:hidden}[data-v-7086d9b8] .CodeMirror{height:100%!important;width:100%!important;font-family:Fira Code,monospace;line-height:1.5}.toolbar[data-v-7086d9b8]{padding:10px;border-bottom:1px solid #ebeef5;background:#fff}.button-group[data-v-7086d9b8]{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:6px}.status-bar[data-v-7086d9b8]{font-size:12px}.json-valid-indicator.valid[data-v-7086d9b8]{color:#67c23a}.json-valid-indicator.invalid[data-v-7086d9b8]{color:#f56c6c}[data-v-7086d9b8] .cm-json-key{color:#9c27b0!important;font-weight:700}[data-v-7086d9b8] .json-value-selected{background-color:rgba(64,158,255,.2)!important;outline:2px solid #36f;border-radius:2px}