main#main {   width:100% !important; } @media(min-width:1400px){   main#main{   padding:15px !important;   } }  textarea#rstInput {   margin-top:0;   border:1px solid #000; } .export-tool-div {   margin-bottom:7px; } textarea, #preview { width:100%; height:80vh; padding:10px; font-family:monospace; box-sizing:border-box;   }   #preview { border:1px solid #ccc; overflow:auto; padding-top:35px;   }   .toolbar button { margin:5px;   }   .reST-main-div button img {   width:15px;   height:15px; } .reST-main-div .export-toolbar button img {   width:18px !important;   height:16px !important; } .export-toolbar button {   background:#0064ff78 !important;   padding:5px;   border-radius:3px;   height:29px; } .export-toolbar button img {   filter:invert(1); } .system-message {   background:#d90f0f36;   padding:10px;   margin-bottom:5px; } p.system-message-title {   margin-top:0; } .reST-main-div .toolbar button, .reST-main-div .export-toolbar button {   background:none;   border:unset;   cursor:pointer; }  #preview h1, #preview h2, #preview h3, #preview h4, #preview h5, #preview h6 { padding-bottom:5px; text-transform:none !important;   }   #preview pre { padding:10px; border-radius:5px; overflow-x:auto;   }   #preview code { background:#e6e6e6; padding:2px 4px; border-radius:4px;   }   #preview table { border-collapse:collapse; width:100%; margin-bottom:1.5em;   }   #preview th, #preview td { border:1px solid #ccc; padding:8px 12px; text-align:left;   }   #preview th { background-color:#eaeaea;   }   #preview img { max-width:100%; height:auto; margin:10px 0; border-radius:4px;   }   #preview blockquote { border-left:4px solid #ccc; padding:10px 15px; margin:15px 0; background-color:#f1f1f1;   }   #preview blockquote blockquote { border-left:4px solid #999; background-color:#e6e6e6; margin-left:10px;   }   #preview blockquote blockquote blockquote { border-left:4px solid #666; background-color:#dddddd; margin-left:10px;   }   @media (max-width:768px) { .container {  flex-direction:column; } .editor, #preview {  width:100%;  height:50%; }   } .reST-main-div h1 { font-size:2em !important; } .reST-main-div h2 { font-size:1.5em !important; } .reST-main-div h3 { font-size:1.17em !important;} .reST-main-div h4 { font-size:1em !important; } .reST-main-div h5 { font-size:0.83em !important; } .reST-main-div h6 { font-size:0.75em !important; }  .reST-main-div p{  font-size:1em !important;  margin:1em 0 !important; } .reST-main-div strong, .reST-main-div b {  font-weight:900 !important;  font-size:1em !important; } .reST-main-div em, .reST-main-div i {  font-style:italic !important;  font-size:1em !important; } .reST-main-div u {  text-decoration:underline !important;  font-size:1em !important; } .reST-main-div small {  font-size:0.8em !important; } .reST-main-div del {  text-decoration:line-through !important;  font-size:1em !important; } .reST-main-div mark {  background:yellow !important;  font-size:1em !important; } .reST-main-div abbr {  text-decoration:underline dotted !important;  cursor:help !important;  font-size:1em !important; }  .reST-main-div code {  font-family:monospace !important;  background:#f5f5f5 !important;  padding:2px 4px !important;  border-radius:4px !important;  font-size:0.95em !important; } .reST-main-div pre {  font-size:0.95em !important; }  .reST-main-div ul, .reST-main-div .reST-main-div ol {  padding-left:2em !important;  margin:1em 0 !important;  font-size:1em !important; } .reST-main-div li {  margin:0.3em 0 !important; }  .reST-main-div blockquote {  border-left:4px solid #ccc !important;  margin:1em 0 !important;  padding:0.5em 1em !important;  color:#666 !important;  background:#f9f9f9 !important;  font-style:italic !important;  font-size:1em !important; }  .reST-main-div hr {  border:none !important;  border-top:1px solid #ccc !important;  margin:2em 0 !important; }  .reST-main-div a {  color:#0077cc !important;  text-decoration:underline !important;  font-size:1em !important; } .reST-main-div a:hover {  color:#005fa3 !important; }  .reST-main-div img {  max-width:100% !important;  height:auto !important; }  .reST-main-div table {  width:100% !important;  border-collapse:collapse !important;  margin:1em 0 !important;  font-size:1em !important; } .reST-main-div th, .reST-main-div td {  padding:0.5em 1em !important;  border:1px solid #ccc !important;  text-align:left !important; } .reST-main-div thead {  background-color:#f0f0f0 !important; }  .reST-main-div details {  margin:1em 0 !important;  font-size:1em !important; } .reST-main-div summary {  font-weight:bold !important;  cursor:pointer !important;  font-size:1em !important; }   @media(max-width:1400px){  .reST-main-div {   flex-direction:column;   gap:40px; } div#res-editor {   width:100% !important;   padding-right:0 !important; } div#res-preview {   width:100% !important;   padding-left:0 !important; } } @media(max-width:767px){ .tool-main-div {   padding:30px 15px !important; } div#res-editor:before{  top:73px !important;   }   }   div#res-editor, div#res-preview {   position:relative; } div#res-editor:before {   content:"Editor"; } div#res-preview:before{   content:"Live Preview"; } div#res-editor:before, div#res-preview:before{   position:absolute;   width:100%;   top:36px;   height:27px;   background:#000;   color:#fff;   padding:2px 10px; } #rstInput::-webkit-scrollbar, div#preview::-webkit-scrollbar {  width:11px;  } #rstInput::-webkit-scrollbar-thumb, div#preview::-webkit-scrollbar-thumb {  background-color:#8b8b8b;   border-radius:20px; border:3px solid #ffffff;  }