.editor-online-container{color:#172b4d;flex:1;gap:12px;min-height:0;display:flex}.editor-online-container .editor-online-editor{flex:auto;min-width:0;min-height:300px}.editor-online-container .editor-online-code-editor{min-height:300px;height:100%!important}.editor-online-container .editor-online-code-editor .monaco-editor .lines-content{padding-left:8px}.editor-online-container .editor-online-sidebar{border:1px solid var(--border-color);background:var(--card-bg);border-radius:8px;flex:0 0 190px;padding:12px}.editor-online-container .editor-online-sidebar-title{color:var(--text-color);margin-bottom:12px;font-size:12px;font-weight:600}.editor-online-container .editor-online-controls{flex-direction:column;gap:12px;display:flex}.editor-online-container .editor-online-controls .ant-form-item{margin-bottom:0;display:block}.editor-online-container .editor-online-controls .ant-form-item-row{display:block}.editor-online-container .editor-online-controls .ant-form-item-label{text-align:left;height:auto;font-size:11px;line-height:1.4;display:block;margin-bottom:6px!important}.editor-online-container .editor-online-controls .ant-form-item-label>label{height:auto;font-size:11px;line-height:1.4}.editor-online-container .editor-online-controls .ant-form-item-control{width:100%;display:block}.editor-online-container .editor-online-controls .editor-online-select{width:100%}.editor-online-container .editor-online-controls .editor-online-select .ant-select-selector,.editor-online-container .editor-online-controls .editor-online-select .ant-select-selection-item{font-size:12px}.editor-online-container .monaco-editor .margin{background-color:#091e420f}.editor-online-container .monaco-editor,.editor-online-container .monaco-editor-background{background-color:#efefef;background-repeat:no-repeat;background-attachment:local,local,local,local,scroll,scroll,scroll,scroll;background-size:var(--ds-space-300,24px) 100%,var(--ds-space-300,24px) 100%,var(--ds-space-100,8px) 100%,var(--ds-space-100,8px) 100%,var(--ds-space-100,8px) 100%,1px 100%,var(--ds-space-100,8px) 100%,1px 100%;background-position:0 0,0 0,100% 0,100% 0,100% 0,100% 0,0 0,0 0}.editor-online-container .monaco-editor .line-numbers{color:#505f79}@media screen and (max-width:768px){.editor-online-container{flex-direction:column}.editor-online-container .editor-online-sidebar{flex:none;order:2}}