body #HtmlText ul,body #HtmlText ol{list-style:outside}.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}.free-tool-section .layout #container{margin-top:20px;display:flex}.layout #container .editor-container{flex:1;max-width:50%;position:relative}#container .editor-container #editor,#container .editor-container #HtmlText{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}#HtmlText{box-sizing:border-box;background-color:#fff;border:1px solid #ccc;padding:20px;overflow-y:auto;font-family:Source Han Sans CN!important}#HtmlText p{margin-bottom:10px}#HtmlText h1,#HtmlText h2,#HtmlText h3,#HtmlText h4,#HtmlText h5,#HtmlText h6{margin-top:15px;margin-bottom:10px;font-weight:600}#HtmlText code{background-color:#e0e0e0;border-radius:3px;padding:2px 4px}#HtmlText pre{background-color:#f5f5f5;border-radius:5px;padding:10px;overflow-x:auto}#HtmlText blockquote{border-left:4px solid #ccc;margin-left:0;padding-left:10px}#HtmlText td,#HtmlText th{border:1px solid #0000001a}.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 .rich-editor__content{z-index:10;height:100%;overflow-y:auto;font-family:Source Han Sans CN!important}.rich-editor__content::-webkit-scrollbar{opacity:0;width:6px;height:12px;transition:all .34s ease-out}#HtmlText::-webkit-scrollbar{opacity:0;width:6px;height:12px;transition:all .34s ease-out}#editor .rich-editor__content:hover::-webkit-scrollbar{opacity:1}#HtmlText:hover::-webkit-scrollbar{opacity:1}.rich-editor__content::-webkit-scrollbar-thumb{background:#dddee0;border-radius:10px}#HtmlText::-webkit-scrollbar-thumb{background:#dddee0;border-radius:10px}.rich-editor__content::-webkit-scrollbar-thumb:hover{background:#c7c9cc}#HtmlText::-webkit-scrollbar-thumb:hover{background:#c7c9cc}.rich-editor__content::-webkit-scrollbar-thumb:horizontal{background:#dddee0}#HtmlText::-webkit-scrollbar-thumb:horizontal{background:#dddee0}#editor,#editor h1,#editor h2,#editor h3,#editor h4,#editor h5,#editor h6{font-size:14px!important}
