*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}app-layout-builder{overflow:visible!important}.builder-layout-container{align-items:flex-start!important}.builder-layout-left{position:sticky!important;top:0!important;height:100vh!important;overflow:hidden!important}.builder-layout-right{overflow:visible!important;min-height:100vh}.playground-editor{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.editor-toolbar{display:flex;gap:.5rem;padding:.5rem;background:var(--background-contrast-grey);border-bottom:1px solid var(--border-default-grey)}.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{width:100%;min-height:200px;border:none;display:block}.example-selector{padding:.5rem 1rem;background:var(--background-alt-grey);border-bottom:1px solid var(--border-default-grey);display:flex;align-items:center;gap:.5rem}.example-selector label{font-weight:500}@media(max-width:900px){.builder-layout-left{position:static!important;height:50vh!important}}