[data-v-535f6f42]:root{--el-color-primary:#7057ff;--el-color-primary-light-3:#8375ff;--el-color-primary-light-5:#a298ff;--el-color-primary-light-7:#c1baff;--el-color-primary-light-8:#e0ddff;--el-color-primary-light-9:#f0eeff;--el-color-primary-dark-2:#5540cc;--el-color-success:#67c23a;--el-color-success-light:#e1f3d8;--el-color-success-lighter:#f0f9eb;--el-color-warning:#e6a23c;--el-color-warning-light:#faecd8;--el-color-warning-lighter:#fdf6ec;--el-color-danger:#f56c6c;--el-color-danger-light:#fde2e2;--el-color-danger-lighter:#fef0f0;--el-color-info:#909399;--el-color-info-light:#e9e9eb;--el-color-info-lighter:#f4f4f5;--el-border-radius-base:8px}.formatter-workbench[data-v-535f6f42]{display:flex;flex-direction:column;height:calc(100vh - 146px);margin-bottom:30px;max-height:840px;min-height:min(520px,100vh - 146px);overflow:hidden;padding:0}.formatter-workbench .code-editor[data-v-535f6f42]{background:#fff;border:1px solid #dfe6f3;border-radius:12px;display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}.formatter-workbench .code-editor[data-v-535f6f42]:hover{border-color:#cdd8ee;box-shadow:0 8px 22px #0f172a0d}.formatter-workbench .editor-header[data-v-535f6f42]{background:#fff;border-bottom:1px solid #e4e9f5;display:flex;flex:0 0 auto;flex-direction:column;gap:12px;padding:16px}.formatter-workbench .editor-title-row[data-v-535f6f42]{align-items:center;display:flex;gap:14px;justify-content:space-between;min-width:0}.formatter-workbench .editor-title[data-v-535f6f42]{color:#1f2937;font-size:15px;font-weight:700;line-height:22px;white-space:nowrap}.formatter-workbench .tools-actions[data-v-535f6f42]{align-items:center;display:flex;flex:0 0 auto;flex-wrap:wrap;gap:8px;justify-content:flex-end}.formatter-workbench .tools-actions .toolbar-select[data-v-535f6f42-s]{align-items:center;color:#344054;display:flex;font-size:13px;font-weight:600;gap:7px;height:34px;white-space:nowrap}.formatter-workbench .tools-actions .toolbar-select[data-v-535f6f42-s] :deep(.toolbar-select-control){width:98px}.formatter-workbench .tools-actions .toolbar-select[data-v-535f6f42-s] :deep(.el-select__wrapper){background:#fff;border-radius:8px;box-shadow:inset 0 0 0 1px #d9e1f2!important;font-size:13px;min-height:32px;padding:0 10px}.formatter-workbench .tools-actions .toolbar-select[data-v-535f6f42-s] :deep(.el-select__selected-item){color:#263245;font-weight:500}.formatter-workbench .tools-actions .toolbar-select[data-v-535f6f42-s] :deep(.el-select__caret){color:#667085}.formatter-workbench .tools-actions[data-v-535f6f42] .el-button{align-items:center;border-radius:8px;display:inline-flex;font-weight:600;gap:6px;height:34px;justify-content:center;margin:0;min-width:86px;padding:7px 12px}.formatter-workbench .tools-actions[data-v-535f6f42] .el-button i{font-size:15px}.formatter-workbench .format-btn[data-v-535f6f42]{background:#7057ff;border:0}.formatter-workbench .format-btn[data-v-535f6f42]:hover{background:#6048f0;box-shadow:0 8px 18px #7057ff38;transform:translateY(-1px)}.formatter-workbench .ghost-btn[data-v-535f6f42]{background:#fff;border-color:#d9e1f2;color:#475467}.formatter-workbench .editor-body[data-v-535f6f42]{background:#fff;display:flex;flex:1;min-height:0;overflow:hidden}.formatter-workbench .line-gutter[data-v-535f6f42]{background:#f8fafc;border-right:1px solid #edf1f8;color:#98a2b3;flex:0 0 52px;font-family:Monaco,Consolas,Courier New,monospace;font-size:13px;line-height:20px;overflow:hidden;padding:14px 0;text-align:right;-webkit-user-select:none;-moz-user-select:none;user-select:none}.formatter-workbench .line-gutter span[data-v-535f6f42]{align-items:center;display:flex;height:20px;justify-content:center;width:100%}.formatter-workbench .code-area[data-v-535f6f42]{background:#fff;flex:1;min-width:0;overflow:hidden;position:relative}.formatter-workbench .code-textarea[data-v-535f6f42],.formatter-workbench .compare-code[data-v-535f6f42],.formatter-workbench .highlight-layer[data-v-535f6f42]{box-sizing:border-box;font-family:Monaco,Consolas,Courier New,monospace;font-size:13px;line-height:20px;margin:0;-moz-tab-size:4;-o-tab-size:4;tab-size:4}.formatter-workbench .code-textarea[data-v-535f6f42],.formatter-workbench .highlight-layer[data-v-535f6f42]{border:0;border-radius:0;height:100%;top:0;right:0;bottom:0;left:0;outline:0;overflow:auto;padding:14px 16px;position:absolute;white-space:pre;width:100%}.formatter-workbench .highlight-layer[data-v-535f6f42]{color:#263245;pointer-events:none;z-index:0}.formatter-workbench .code-textarea[data-v-535f6f42]{background:transparent;caret-color:#263245;color:transparent;resize:none;z-index:1}.formatter-workbench .code-textarea[data-v-535f6f42]::-moz-selection{background:rgba(112,87,255,.18);color:transparent}.formatter-workbench .code-textarea[data-v-535f6f42]::selection{background:rgba(112,87,255,.18);color:transparent}.formatter-workbench .code-textarea[data-v-535f6f42]::-moz-placeholder{color:#98a2b3}.formatter-workbench .code-textarea[data-v-535f6f42]::placeholder{color:#98a2b3}.formatter-workbench[data-v-535f6f42] .syntax-comment{color:#8190a7}.formatter-workbench[data-v-535f6f42] .syntax-string{color:#0f766e}.formatter-workbench[data-v-535f6f42] .syntax-keyword{color:#7057ff;font-weight:600}.formatter-workbench[data-v-535f6f42] .syntax-number{color:#b45309}.formatter-workbench[data-v-535f6f42] .syntax-tag{color:#2563eb}.formatter-workbench .compare-editor[data-v-535f6f42]{background:#fff;display:grid;flex:1;min-height:0;overflow:hidden}.formatter-workbench .compare-panel[data-v-535f6f42]{background:#fff;display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden}.formatter-workbench .compare-title[data-v-535f6f42]{align-items:center;background:#f8fafc;border-bottom:1px solid #edf1f8;color:#667085;display:flex;flex:0 0 38px;font-size:12px;font-weight:700;padding:0 14px}.formatter-workbench .compare-code[data-v-535f6f42]{color:#263245;flex:1;min-height:0;overflow:auto;padding:14px 16px;white-space:pre}.formatter-workbench .compare-resizer[data-v-535f6f42]{background:#f8fafc;border:0;border-left:1px solid #e4e9f5;border-right:1px solid #e4e9f5;cursor:col-resize;padding:0;position:relative;width:10px;z-index:2}.formatter-workbench .compare-resizer[data-v-535f6f42]:after{background:#c6d0e1;border-radius:4px;content:"";height:34px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:3px}.formatter-workbench .compare-resizer[data-v-535f6f42]:hover,.is-resizing .formatter-workbench .compare-resizer[data-v-535f6f42]{background:#f0edff}.formatter-workbench .compare-resizer[data-v-535f6f42]:hover:after,.is-resizing .formatter-workbench .compare-resizer[data-v-535f6f42]:after{background:#7057ff}@media (max-width:767px){.formatter-workbench[data-v-535f6f42]{height:calc(100svh - 118px);margin-bottom:20px;min-height:440px}.formatter-workbench .code-editor[data-v-535f6f42]{border-radius:10px}.formatter-workbench .editor-header[data-v-535f6f42]{gap:6px;padding:8px 10px}.formatter-workbench .editor-title-row[data-v-535f6f42]{align-items:flex-start;flex-direction:column;gap:8px}.formatter-workbench .editor-title[data-v-535f6f42]{font-size:14px;line-height:20px}.formatter-workbench .tools-actions[data-v-535f6f42]{flex-wrap:nowrap;gap:6px;justify-content:flex-start;overflow-x:auto;overflow-y:hidden;padding-bottom:1px;scrollbar-width:none;width:100%}.formatter-workbench .tools-actions[data-v-535f6f42]::-webkit-scrollbar{display:none}.formatter-workbench .tools-actions[data-v-535f6f42] .el-button{flex:0 0 auto;font-size:12px;gap:4px;height:30px;min-width:66px;padding:6px 9px}.formatter-workbench .tools-actions[data-v-535f6f42] .el-button.format-btn{min-width:76px;order:-4}.formatter-workbench .tools-actions[data-v-535f6f42] .el-button.ghost-btn{order:-3}.formatter-workbench .tools-actions[data-v-535f6f42] .el-button.copy-btn{order:-2}.formatter-workbench .tools-actions[data-v-535f6f42] .el-button.clear-btn{order:-1}.formatter-workbench .tools-actions[data-v-535f6f42] .el-button i{font-size:14px}.formatter-workbench .tools-actions .toolbar-select[data-v-535f6f42-s]{flex:0 0 auto;font-size:13px;gap:6px;height:32px}.formatter-workbench .tools-actions .toolbar-select[data-v-535f6f42-s] :deep(.toolbar-select-control){width:90px}.formatter-workbench .tools-actions .toolbar-select[data-v-535f6f42-s] :deep(.el-select__wrapper){min-height:30px;padding:0 8px}.formatter-workbench .compare-editor[data-v-535f6f42]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(96px,32%) minmax(0,1fr)}.formatter-workbench .compare-resizer[data-v-535f6f42]{display:none}.formatter-workbench .compare-panel.result-panel[data-v-535f6f42]{border-top:1px solid #e4e9f5}.formatter-workbench .line-gutter[data-v-535f6f42]{flex-basis:44px;font-size:12px;padding:10px 0}.formatter-workbench .code-textarea[data-v-535f6f42],.formatter-workbench .compare-code[data-v-535f6f42],.formatter-workbench .highlight-layer[data-v-535f6f42]{font-size:12px;line-height:19px;padding:10px 12px}.formatter-workbench .line-gutter span[data-v-535f6f42]{height:19px}.formatter-workbench .compare-title[data-v-535f6f42]{flex-basis:32px;padding:0 12px}}body .tools-form.formatter-workbench{background:transparent!important;border:0!important;box-shadow:none!important;color:#263245!important}body .tools-form.formatter-workbench .code-editor{background:#fff!important;border:1px solid #dfe6f3!important}body .tools-form.formatter-workbench .code-area,body .tools-form.formatter-workbench .compare-panel,body .tools-form.formatter-workbench .editor-body,body .tools-form.formatter-workbench .editor-header,body .tools-form.formatter-workbench .result-panel,body .tools-form.formatter-workbench .compare-code code,body .tools-form.formatter-workbench .compare-code,body .tools-form.formatter-workbench .highlight-layer code,body .tools-form.formatter-workbench .highlight-layer{background:#fff!important}body .tools-form.formatter-workbench .compare-resizer,body .tools-form.formatter-workbench .compare-title,body .tools-form.formatter-workbench .line-gutter{background:#f8fafc!important}body .tools-form.formatter-workbench .code-textarea{border:0!important;box-shadow:none!important;color:transparent!important;-webkit-text-fill-color:transparent!important}body .tools-form.formatter-workbench .code-textarea::-moz-placeholder{color:#98a2b3!important;-webkit-text-fill-color:#98a2b3!important}body .tools-form.formatter-workbench .code-textarea::placeholder{color:#98a2b3!important;-webkit-text-fill-color:#98a2b3!important}