*{box-sizing:border-box}body{flex-direction:column;min-height:100vh;margin:0;display:flex}.builder-layout-left{height:100dvh!important;position:sticky!important;top:0!important;overflow:hidden!important}.builder-layout-right{min-height:100dvh!important;max-height:none!important;position:static!important;overflow:visible!important}.playground-editor{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.editor-toolbar{background:var(--background-contrast-grey);border-bottom:1px solid var(--border-default-grey);gap:.5rem;padding:.5rem;display:flex}.CodeMirror{font-size:13px}.cm-s-dracula .cm-comment{color:#8a9dc4!important}.cm-s-dracula .CodeMirror-linenumber{color:#88aba9!important}.playground-preview{background:var(--background-default-grey)}.preview-frame{border:none;width:100%;min-height:200px;display:block}.example-selector{background:var(--background-alt-grey);border-bottom:1px solid var(--border-default-grey);align-items:center;gap:.5rem;padding:.5rem 1rem;display:flex}.example-selector label{font-weight:500}@media (width<=900px){.builder-layout-left{height:50vh!important;position:static!important}.builder-layout-right{min-height:0!important}}