/* css/components/editor.css */
/* Styles for the CodeMirror editor wrapper */

.CodeMirror { /* Styles for CodeMirror's main wrapper div */
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 50%; /* Initial width, will be changed by JS */
    height: 100%; /* Take full available vertical space from parent (main) */
    border: none; /* Remove any default border from CM wrapper if necessary */
    /* border-right: 1px solid #ccc; */ /* Removed, resizer will handle separation */
    outline: none; /* Remove default focus outline if any */
    box-sizing: border-box; /* Ensures padding and border are included in the element's total width and height */
}

/* Note: Font, internal padding, overflow, and other text-editing specific styles
   are handled by CodeMirror's theme (codemirror.css) and its internal elements.
   The original #htmlEditor textarea is hidden by CodeMirror. */