.mitosis-editor-wrapper{--editor-width:100%;--editor-height:600px;--editor-padding:16px;--editor-border-radius:4px;--divider-width:2px;--editor-font-family:ui-monospace,monospace;--editor-font-size:14px;--editor-line-height:1.6;--editor-bg:#ffffff;--editor-text:#282a36;--editor-border:#e0e0e0;--editor-caret:#000000;--editor-placeholder:#999999;--editor-selection:#b3d9ff;--preview-bg:#ffffff;--preview-text:#282a36;--preview-border:#e0e0e0;--preview-code-bg:#f6f8fa;--preview-link:#0366d6;--divider-bg:#e0e0e0;--divider-hover:#bdbdbd;--scrollbar-width:6px;--scrollbar-track:transparent;--scrollbar-thumb:#c1c1c1;--scrollbar-thumb-hover:#a8a8a8;width:var(--editor-width);height:var(--editor-height);position:relative;font-family:system-ui,-apple-system,sans-serif;box-sizing:border-box}.mitosis-editor-wrapper *,.mitosis-editor-wrapper ::after,.mitosis-editor-wrapper ::before{box-sizing:inherit}.mitosis-editor-container{position:relative;height:100%;overflow:hidden}.mitosis-textarea{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--editor-padding);outline:0;resize:none;font-family:var(--editor-font-family);font-size:var(--editor-font-size);line-height:var(--editor-line-height);caret-color:var(--editor-caret);z-index:2;color:var(--editor-text);border:1px solid var(--editor-border);border-radius:var(--editor-border-radius);background:var(--editor-bg);border-top-right-radius:0;border-bottom-right-radius:0;border-right:0}.mitosis-textarea::placeholder{color:var(--editor-placeholder)}.mitosis-textarea::selection{background:var(--editor-selection)}.mitosis-highlight{position:absolute;top:0;left:0;width:100%;height:100%;padding:var(--editor-padding);pointer-events:none;font-family:var(--editor-font-family);font-size:var(--editor-font-size);line-height:var(--editor-line-height);white-space:pre-wrap;word-wrap:break-word;overflow:auto;z-index:1;color:var(--editor-text)}.mitosis-preview{height:100%;overflow:hidden;display:flex;flex-direction:column;border:1px solid var(--preview-border);border-radius:var(--editor-border-radius);background:var(--preview-bg);border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.mitosis-preview-content{padding:var(--editor-padding);overflow:auto;flex:1;background:var(--preview-bg);color:var(--preview-text)}.mitosis-preview-content h1,.mitosis-preview-content h2,.mitosis-preview-content h3,.mitosis-preview-content h4,.mitosis-preview-content h5,.mitosis-preview-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:600;line-height:1.25}.mitosis-preview-content h1{font-size:2em;border-bottom:1px solid var(--preview-border);padding-bottom:.3em}.mitosis-preview-content h2{font-size:1.5em;border-bottom:1px solid var(--preview-border);padding-bottom:.3em}.mitosis-preview-content h3{font-size:1.25em}.mitosis-preview-content h4{font-size:1em}.mitosis-preview-content h5{font-size:.875em}.mitosis-preview-content h6{font-size:.85em;color:var(--preview-text);opacity:.7}.mitosis-preview-content p{margin:1em 0}.mitosis-preview-content ol,.mitosis-preview-content ul{padding-left:2em;margin:1em 0}.mitosis-preview-content li{margin:.25em 0}.mitosis-preview-content code{background:var(--preview-code-bg);padding:.2em .4em;border-radius:3px;font-family:ui-monospace,monospace;font-size:.9em}.mitosis-preview-content pre{background:var(--preview-code-bg);padding:16px;border-radius:6px;overflow:auto;margin:1em 0}.mitosis-preview-content pre code{background:0 0;padding:0}.mitosis-preview-content blockquote{border-left:4px solid var(--preview-border);padding-left:1em;color:var(--preview-text);opacity:.7;margin:1em 0}.mitosis-preview-content img{max-width:100%;height:auto}.mitosis-preview-content a{color:var(--preview-link);text-decoration:none}.mitosis-preview-content a:hover{text-decoration:underline}.mitosis-preview-content hr{border:none;border-top:1px solid var(--preview-border);margin:2em 0}.mitosis-layout{display:flex;height:100%;gap:0;border:1px solid var(--editor-border);border-radius:var(--editor-border-radius);overflow:hidden}.mitosis-layout .mitosis-panel{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;background:var(--editor-bg)}.mitosis-divider{width:var(--divider-width);cursor:col-resize;border-left:3px solid var(--divider-bg);position:relative;flex-shrink:0;transition:border-color .15s ease}.mitosis-divider:hover{border-color:var(--divider-hover)}.mitosis-editor-wrapper ::-webkit-scrollbar{width:var(--scrollbar-width);height:var(--scrollbar-width)}.mitosis-editor-wrapper ::-webkit-scrollbar-track{background:var(--scrollbar-track)}.mitosis-editor-wrapper ::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.mitosis-editor-wrapper ::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}