:root{--spacing-s: 8px;--spacing-m: 16px;--spacing-l: 32px;--theme-detail: #F4F4F4;--theme-primary: #E2BFD9;--theme-secondary: #C8A1E0;--theme-bg-lighter: #333840;--theme-bg: #282C34;--theme-stripes-thickness: 72px;--default-editor-width: 700px}html,body{margin:0;font-family:Helvetica,sans-serif;background:var(--theme-bg);color-scheme:dark}canvas{width:100%;height:100%;position:absolute}button{border:none;background:transparent;aspect-ratio:1;display:grid;place-content:center;:hover{cursor:pointer}}vertical-slider{background-color:var(--theme-bg-lighter);transition:background-color .3s ease;cursor:col-resize;flex:6px 0 0}vertical-slider:hover{background-color:var(--theme-secondary)}code-editor-toolbar{display:flex;align-items:center;justify-content:space-between;column-gap:var(--spacing-m);padding-inline:var(--spacing-m);background-color:var(--theme-primary);border-bottom:4px solid var(--theme-bg-lighter);#title{color:var(--theme-detail);margin-block:var(--spacing-s);text-shadow:2px 2px 2px rgba(0,0,0,.3);text-wrap:nowrap}}error-modal{position:absolute;top:0;width:100vw;height:100dvh;display:grid;align-items:center}dialog{background:var(--theme-bg-lighter);border:4px solid var(--theme-bg);border-radius:12px;color:var(--theme-detail);outline:none}dialog::backdrop{background:#7c3e8540;background:radial-gradient(at left top,#7c3e8540,#93aee740)}#exit-fullscreen-btn{position:fixed;top:0;left:0;margin:var(--spacing-m)}.toolbar-actions{display:flex;justify-content:flex-end;flex-shrink:0;gap:var(--spacing-s);margin-block:var(--spacing-s)}.horizontal-split-container{display:flex;height:100vh}.editor-container{width:var(--default-editor-width);display:flex;flex-direction:column}.editor-wrapper{flex:1;overflow-y:scroll}.canvas-wrapper{position:relative;flex:auto 1 1;display:grid;justify-items:center}.hidden{display:none}.polka-dots{background-color:var(--theme-bg);background-image:radial-gradient(var(--theme-bg-lighter) 1.5px,var(--theme-bg) 1.5px);background-size:30px 30px}@media (max-width: 1200px){.editor-container{width:50%}}
