body *{box-sizing:border-box}body{position:absolute;top:0;bottom:0;right:0;left:0;margin:0;font-family:Arial,Helvetica,sans-serif;color:#2a333d}#preview{display:flex;flex-direction:column;overflow:auto;width:100%}#input{position:absolute;top:0;left:0;opacity:0;background-color:#fff}.header{display:flex;justify-content:center;align-items:center;padding:20px 0;width:100%;background-image:linear-gradient(60deg,#29323c,#485563)}.header-img{width:100px;height:100px;margin:0 40px}.title{text-align:center;font-family:Arial,Helvetica,sans-serif}.title h1{margin-bottom:5px;font-weight:700;letter-spacing:5px;font-size:35px}a:link,a:visited,a:hover,a:active{color:#fff;text-decoration:none}.sidebar{border-right:1px solid rgba(0,0,0,.14);display:flex;flex-direction:column;padding:0 15px;flex:0 0 200px}.sidebar h2{margin:10px 0;font-size:18px;text-align:center;letter-spacing:1px}.toolbar{display:flex;justify-items:center;align-items:center;flex-wrap:wrap;padding:5px 10px}.toolbar>*{margin:2px 5px}.toolbar input.toggle-btn:checked:hover+label{background-color:#b2b2b2}.toolbar label.toggle-btn:hover,.toolbar input.toggle-btn:checked+label{background-color:#dedede}label{-webkit-user-select:none;user-select:none}.icon{display:block;width:32px;height:32px;background-repeat:no-repeat;background-position:center;border:none;cursor:pointer;background-size:24px;border-radius:5px}.icon-raw{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20enable-background='new%200%200%2024%2024'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3e%3cpath%20fill='%23666666'%20d='M20,6h-8l-2-2H4C2.9,4,2.01,4.9,2.01,6L2,18c0,1.1,0.9,2,2,2h16c1.1,0,2-0.9,2-2V8C22,6.9,21.1,6,20,6z%20M14,16H6v-2h8V16z%20M18,12H6v-2h12V12z'/%3e%3c/svg%3e")}.icon-flask{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20448%20512'%3e%3c!--!%20Font%20Awesome%20Free%206.1.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20(Icons:%20CC%20BY%204.0,%20Fonts:%20SIL%20OFL%201.1,%20Code:%20MIT%20License)%20Copyright%202022%20Fonticons,%20Inc.%20--%3e%3cpath%20fill='%23666666'%20d='M437.2%20403.5L319.1%20215L319.1%2064h7.1c13.25%200%2023.1-10.75%2023.1-24l-.0002-16c0-13.25-10.75-24-23.1-24H120C106.8%200%2096.01%2010.75%2096.01%2024l-.0002%2016c0%2013.25%2010.75%2024%2023.1%2024h7.1L128%20215l-117.2%20188.5C-18.48%20450.6%2015.27%20512%2070.89%20512h306.2C432.7%20512%20466.5%20450.5%20437.2%20403.5zM137.1%20320l48.15-77.63C189.8%20237.3%20191.9%20230.8%20191.9%20224l.0651-160h63.99l-.06%20160c0%206.875%202.25%2013.25%205.875%2018.38L309.9%20320H137.1z'/%3e%3c/svg%3e")}.icon-chevron-left{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20512'%3e%3c!--!%20Font%20Awesome%20Free%206.1.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20(Icons:%20CC%20BY%204.0,%20Fonts:%20SIL%20OFL%201.1,%20Code:%20MIT%20License)%20Copyright%202022%20Fonticons,%20Inc.%20--%3e%3cpath%20fill='%23666666'%20d='M224%20480c-8.188%200-16.38-3.125-22.62-9.375l-192-192c-12.5-12.5-12.5-32.75%200-45.25l192-192c12.5-12.5%2032.75-12.5%2045.25%200s12.5%2032.75%200%2045.25L77.25%20256l169.4%20169.4c12.5%2012.5%2012.5%2032.75%200%2045.25C240.4%20476.9%20232.2%20480%20224%20480z'/%3e%3c/svg%3e")}.icon-chevron-right{background-image:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20320%20512'%3e%3c!--!%20Font%20Awesome%20Free%206.1.1%20by%20@fontawesome%20-%20https://fontawesome.com%20License%20-%20https://fontawesome.com/license/free%20(Icons:%20CC%20BY%204.0,%20Fonts:%20SIL%20OFL%201.1,%20Code:%20MIT%20License)%20Copyright%202022%20Fonticons,%20Inc.%20--%3e%3cpath%20fill='%23666666'%20d='M96%20480c-8.188%200-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75%200-45.25L242.8%20256L73.38%2086.63c-12.5-12.5-12.5-32.75%200-45.25s32.75-12.5%2045.25%200l192%20192c12.5%2012.5%2012.5%2032.75%200%2045.25l-192%20192C112.4%20476.9%20104.2%20480%2096%20480z'/%3e%3c/svg%3e")}.toggle-btn{display:none}.main{position:absolute;top:140px;right:0;left:0;bottom:0;overflow:hidden;display:flex}.content-container{overflow:hidden;height:100%;position:relative;display:flex}.raw-svg-container{flex:0 0 40%;overflow:auto;border-right:1px solid rgba(0,0,0,.14);transition:flex-basis .2s ease-in-out}.raw-svg-container.hidden{flex-basis:0}.raw-svg-container .CodeMirror{height:100%}.image-container{flex:1 1 auto;overflow:auto;position:relative}.separator{border-top:1px solid rgba(0,0,0,.14);margin:15px 20px}.checkbox{display:flex;align-items:center}.checkbox input{margin:8px}.checkbox *,label[for=opacity]{cursor:pointer}.icon-button{width:24px;height:24px;padding:3px;margin:0 6px}.icon-button .icon{width:100%;height:100%;background-size:contain}#local-testing{margin:0 0 0 auto;display:flex;align-items:center}