:root{color:#0f172a;background:#f1f5f9;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{height:100vh;margin:0;overflow:hidden}.editor-container{width:100vw;height:100vh;display:flex}.left-panel{background:#fff;border-right:1px solid #e2e8f0;flex-direction:column;min-width:200px;display:flex;overflow:hidden}.resizer{cursor:col-resize;z-index:10;background:#f1f5f9;border-left:1px solid #e2e8f0;border-right:1px solid #e2e8f0;flex-shrink:0;width:6px;transition:background .2s}.resizer:hover,.resizer.dragging{background:#3b82f6}.right-panel{background:#f8fafc;flex-direction:column;flex:1;min-width:200px;padding:0;display:flex;overflow:hidden}.panel-header{color:#475569;background:#f8fafc;border-bottom:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;font-weight:600;display:flex}.canvas-wrapper{background:#fff;border:1px solid #e2e8f0;flex-shrink:0;display:inline-block;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a}.cm-editor{height:100%!important}.canvas-scroll-container{flex:1;padding:40px;overflow:auto}.canvas-scroll-container::-webkit-scrollbar{width:12px;height:12px}.canvas-scroll-container::-webkit-scrollbar-track{background:#f1f5f9}.canvas-scroll-container::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:6px}.canvas-scroll-container::-webkit-scrollbar-thumb:hover{background:#94a3b8}.editor-wrapper[data-v-c23fba70]{flex-direction:column;flex:1;display:flex;overflow:hidden}[data-v-c23fba70] .cm-editor{height:100%}@media (width<=767px){.editor-container[data-v-c23fba70]{flex-direction:column}.panel-header[data-v-c23fba70]{flex-wrap:wrap;gap:8px;padding:8px 12px;font-size:14px}.panel-header span[data-v-c23fba70]{width:100%;margin-bottom:4px}.panel-header button[data-v-c23fba70]{padding:2px 3px!important;font-size:9px!important}.panel-header select[data-v-c23fba70]{padding:2px 3px;font-size:11px}.canvas-scroll-container[data-v-c23fba70]{padding:20px}}