._4jTq4q_codebar{background:#272822;flex:0 50%;min-width:0;position:relative}._4jTq4q_tab{border-bottom:2px solid #333;justify-content:center;align-items:center;gap:15px;height:70px;padding:0 15px;display:flex}._4jTq4q_item{color:#fff;cursor:pointer;background:#333;border:0;border-radius:4px;flex:auto;justify-content:center;align-items:center;min-width:0;height:50px;font-size:15px;font-weight:600;display:flex}._4jTq4q_activeTab{color:#fff;background:#1f55fa}._4jTq4q_editor{height:clamp(20rem,50vh,34rem);padding:10px}._4jTq4q_editor>div{height:100%}@media (max-width:800px){._4jTq4q_codebar{flex-basis:auto;width:100%}._4jTq4q_tab{height:auto;padding-block:10px}._4jTq4q_item{min-height:44px}._4jTq4q_editor{height:22rem}}
._2ln4-a_content{background:#fff;flex-direction:column;height:100%;min-height:0;display:flex}._2ln4-a_toolbar{background:var(--sf-color-surface-muted);color:var(--sf-color-heading);border-bottom:2px solid var(--sf-color-border);flex:0 0 70px;align-items:center;padding:0 1rem;font-weight:600;display:flex}._2ln4-a_preview{border:0;flex:1;width:100%;min-height:0;display:block}._2ln4-a_previewLoading{background:var(--sf-color-surface);width:100%;min-height:0;color:var(--sf-color-text-muted);text-align:center;flex-flow:column;flex:1;place-content:center;align-items:center;padding:1.5rem;display:flex}._2ln4-a_previewLoading h2{color:var(--sf-color-heading);margin:0 0 .75rem;font-size:1.25rem}._2ln4-a_previewLoading p{overflow-wrap:anywhere;margin:0}
.YNLvUW_main{border-left:1px solid var(--sf-color-border);flex:1;min-width:0;min-height:0}@media (max-width:800px){.YNLvUW_main{border-left:0;border-top:1px solid var(--sf-color-border);height:24rem}}