.code-editor{height:100%;overflow:hidden}#container{min-height:90vh;margin-top:20px;display:flex}#editor,#markdown{box-sizing:border-box;flex-grow:1;flex-shrink:0;height:calc(100vh - 60px)}.editor-container{flex:1;max-width:50%;position:relative}.free-tool-section{flex:1}.free-tool-section .layout{margin:0 auto;padding-bottom:40px;padding-right:var(--common-padding)!important;padding-left:var(--common-padding)!important}.layout #container .editor-container{flex:1;position:relative}#container .editor-container #editor,#container .editor-container #markdown{flex-shrink:0;width:100%;height:calc(100vh - 60px)!important}.free-tool-section h1{text-align:center}#container h1{text-align:left;margin:0}.editor-title{margin-left:20px;font-weight:700;top:-20px;left:10px}.editor-container .editor-title-container{justify-content:space-between;align-items:center;min-height:40px;display:flex}#markdown{box-sizing:border-box;background-color:#fff;border:1px solid #ccc;padding:0;overflow-y:auto}#markdown p{margin-bottom:10px}#markdown h1,#markdown h2,#markdown h3,#markdown h4,#markdown h5,#markdown h6{margin-top:15px;margin-bottom:10px;font-weight:600}#markdown code{background-color:#e0e0e0;border-radius:3px;padding:2px 4px}#markdown pre{background-color:#f5f5f5;border-radius:5px;padding:10px;overflow-x:auto}#markdown blockquote{border-left:4px solid #ccc;margin-left:0;padding-left:10px}.copy-button,.clear-button{background-color:var(--btn-bg-color);color:#fff;cursor:pointer;border:none;border-radius:3px;padding:5px 20px;top:-20px;right:10px}#editor .cm-scroller,#markdown .cm-scroller,#editor .code-preview{font-family:Source Han Sans CN!important}#editor .cm-scroller::-webkit-scrollbar{width:6px;height:12px}#markdown .cm-scroller::-webkit-scrollbar{width:6px;height:12px}#editor .code-preview::-webkit-scrollbar{width:6px;height:12px}#editor .cm-scroller::-webkit-scrollbar-thumb{background:#dddee0;border-radius:10px}#markdown .cm-scroller::-webkit-scrollbar-thumb{background:#dddee0;border-radius:10px}#editor .code-preview::-webkit-scrollbar-thumb{background:#dddee0;border-radius:10px}#editor .cm-scroller::-webkit-scrollbar-thumb:hover{background:#c7c9cc}#markdown .cm-scroller::-webkit-scrollbar-thumb:hover{background:#c7c9cc}#editor .code-preview::-webkit-scrollbar-thumb:hover{background:#c7c9cc}#editor{flex-direction:column;display:flex}#editor .code-tabs{background-color:#fff;border-bottom:1px solid #ebedf2;flex-shrink:0;align-items:flex-end;height:45px;padding:0 25px;display:flex}#editor .code-tab{color:#969aa5;cursor:pointer;background:#eaedf1;border:1px solid #dadde6;border-radius:0;width:70px;height:32px;margin-bottom:-1px;font-size:13px}#editor .code-tab+.code-tab{margin-left:-1px}#editor .code-tab.active{color:#555;background-color:#fff;border-bottom-color:#fff}#editor .code-pane{flex:1;min-height:0}#editor .code-preview{box-sizing:border-box;color:#222;height:100%;padding:18px 25px;font-size:13px;line-height:160%;overflow:auto}#editor .code-preview ul{padding-left:24px;list-style:outside}#editor .code-preview ol{padding-left:24px;list-style:decimal}#editor .code-preview img{max-width:100%}#editor,#editor h1,#editor h2,#editor h3,#editor h4,#editor h5,#editor h6{font-size:14px!important}