:root{--editor-width:400px}*{box-sizing:border-box;margin:0;padding:0}html,body{background:#f5f5f5;width:100%;height:100%;font-family:system-ui,-apple-system,sans-serif;overflow:hidden}#diagram{position:fixed;inset:0;overflow:hidden}#editor-panel{width:var(--editor-width);-webkit-backdrop-filter:blur(12px);z-index:10;background:#14141eb3;flex-direction:column;transition:transform .25s;display:flex;position:fixed;top:0;bottom:0;left:0}#editor-panel.collapsed{transform:translate(-100%)}#editor{flex:1;padding:56px 0;overflow:auto}#editor .cm-editor{background:0 0;height:100%}#editor .cm-editor .cm-gutters{background:0 0;border:none}#editor .cm-editor .cm-content{caret-color:#fff}#editor .cm-editor .cm-cursor{border-left-color:#fff}#editor .cm-editor .cm-activeLine,#editor .cm-editor .cm-activeLineGutter{background:#ffffff0d}#editor .cm-editor .cm-selectionBackground{background:#648cff4d!important}#editor .cm-editor ::selection{background:#648cff4d!important}#resize-handle{cursor:col-resize;z-index:11;width:6px;transition:background .15s;position:absolute;top:0;bottom:0;right:-3px}#resize-handle:hover,#resize-handle.active{background:#648cff80}#toggle{z-index:20;-webkit-backdrop-filter:blur(8px);color:#fff;cursor:pointer;background:#14141eb3;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .15s;display:flex;position:fixed;top:12px;left:12px}#toggle:hover{background:#28283ce6}.render-error{color:#ff6b6b;white-space:pre-wrap;max-width:600px;padding:20px;font-family:monospace;font-size:14px}@media (width<=640px){:root{--editor-width:100%!important}#resize-handle{display:none}}