html,body{height:100vh}#main{display:flex;flex-direction:column;height:100%}#main>main{flex-grow:1;display:flex;flex-direction:column;min-height:0;padding:0}header,footer{flex-shrink:0}#content{flex-grow:1;margin:0;min-height:0;display:flex;overflow:hidden}@media (max-width: 1024px){#content{flex-direction:column}}#preview,#source-code{width:50%;height:100%;display:flex;flex-direction:column;overflow:hidden}#preview h3,#source-code h3{margin:0;padding:10px;background:#fafcff;border-top:1px solid #dee2e6;border-bottom:1px solid #dee2e6;flex-shrink:0;font-size:1rem;font-weight:500}@media (max-width: 1024px){#preview,#source-code{width:100%;height:50%;min-height:0}}#preview iframe{border:none;width:100%;flex-grow:1;min-height:0}#source-code pre{margin:0;flex-grow:1;overflow:auto;min-height:0;padding:10px}#code-target{height:auto;overflow:visible}