*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;height:100%;overflow:hidden;font-family:system-ui,sans-serif;background:#1e1e2e}#app{display:flex;flex-direction:column;width:100vw;height:100vh}.pane{display:flex;flex-direction:column;flex:1;min-height:0;transition:flex .2s ease}.pane.collapsed{flex:0 0 auto}.pane-bar{display:flex;align-items:center;justify-content:space-between;height:28px;padding:0 .6rem;background:#181825;flex-shrink:0;-webkit-user-select:none;user-select:none}.pane-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#6c7086}.collapse-btn{background:none;border:none;color:#6c7086;cursor:pointer;font-size:14px;line-height:1;padding:2px 4px;border-radius:3px;transition:color .15s,background .15s}.collapse-btn:hover{color:#cdd6f4;background:#313244}.pane-content{flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column}.pane.collapsed .pane-content{display:none}#editor{flex:1;width:100%;padding:1rem;resize:none;border:none;outline:none;background:#1e1e2e;color:#cdd6f4;font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:14px;line-height:1.6;-moz-tab-size:2;tab-size:2;overflow:auto}#divider{height:4px;background:#313244;flex-shrink:0}#output-pane .pane-content{overflow:auto;background:#fff;padding:1.5rem}#diagram{width:100%}#diagram svg{width:100%!important;height:auto!important;display:block}#diagram pre.error{color:#f38ba8;background:#1e1e2e;padding:1rem;border-radius:6px;font-size:13px;white-space:pre-wrap;word-break:break-word}