.markdownBox{display:flex;gap:4%}.markdownBox>.col{width:48%}.markdownBox>.col>h2{margin-bottom:32px}.markdownBox>.col.inputArea .selectArea{display:flex;flex-wrap:wrap;gap:12px}.markdownBox>.col.inputArea .selectArea>.col{width:36px;position:relative}.markdownBox>.col.inputArea .selectArea>.col>button{padding:4px 6px;background-color:#fff;border:1px solid #ccc;border-radius:4px}.markdownBox>.col.inputArea .selectArea>.col>.tooltip{background-color:#000;color:#fff;position:absolute;top:0;left:50%;transform:translate(-50%,calc(-100% - 4px));display:none;padding:4px 8px;font-size:1rem;font-weight:700;border-radius:4px;width:max-content;text-align:center}.markdownBox>.col.inputArea .selectArea>.col>.tooltip:after{content:"";display:block;width:0;height:0;border-style:solid;border-width:4px 2px 0 2px;border-color:#000 transparent transparent transparent;position:absolute;bottom:-3px;left:50%;transform:translate(-50%)}.markdownBox>.col.inputArea .selectArea>.col:hover>.tooltip{display:inline-block}.markdownBox>.col.inputArea .selectArea button svg{color:#000}.markdownBox>.col.inputArea #generateMarkdown{margin-top:20px;padding:12px;border:1px solid #ccc;border-radius:8px;min-height:200px}.markdownBox>.col.inputArea #generateMarkdown:focus:not([readonly]){border:1px solid #26a69a;-webkit-box-shadow:none;box-shadow:none}.markdownBox>.col.outputArea #outputMarkdown{margin-top:20px;padding:12px;border:1px solid #ccc;border-radius:8px;min-height:200px}#outputMarkdown{font-family:Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;padding:20px}#outputMarkdown h1,#outputMarkdown h2,#outputMarkdown h3,#outputMarkdown h4,#outputMarkdown h5,#outputMarkdown h6{margin-top:24px;margin-bottom:16px;font-weight:700;line-height:1.2;color:#000}#outputMarkdown h1:first-of-type,#outputMarkdown h2:first-of-type,#outputMarkdown h3:first-of-type,#outputMarkdown h4:first-of-type,#outputMarkdown h5:first-of-type,#outputMarkdown h6:first-of-type{margin-top:0}#outputMarkdown h1{text-align:left;font-size:4rem}#outputMarkdown p{margin-bottom:10px;text-align:left}#outputMarkdown strong{font-weight:700}#outputMarkdown a{color:#0366d6;text-decoration:none}#outputMarkdown a:hover{text-decoration:underline}#outputMarkdown>ul>li{list-style:disc}#outputMarkdown>ul>li>ul>li{list-style:circle}#outputMarkdown>ul>li>ul>li>ul>li{list-style:square}#outputMarkdown ol li{list-style:decimal}#outputMarkdown ul,#outputMarkdown ol{padding-left:20px}#outputMarkdown pre,#outputMarkdown code{font-family:monospace;background-color:#f6f8fa;border-radius:3px}#outputMarkdown pre{padding:10px;overflow-x:auto}#outputMarkdown code{padding:2px 4px;font-size:90%;color:#d63384}#outputMarkdown blockquote{margin-left:0;margin-right:0;padding-left:20px;border-left:4px solid #ddd;color:#777;font-style:italic}#outputMarkdown img{max-width:100%;width:auto;height:auto}#outputMarkdown table{border-collapse:collapse;width:100%}#outputMarkdown table th,#outputMarkdown table td{border:1px solid #ddd;padding:8px;text-align:left}#outputMarkdown table th{background-color:#f2f2f2}