/* Editor-specific styles */

/* CodeMirror customization */
.CodeMirror {
    height: 100%;
    font-family: 'Fira Code', 'Consolas', monospace;
    font-size: 14px;
    line-height: 1.5;
}

/* Editor container */
#code-editor-container {
    transition: transform 0.3s ease;
}

/* Editor header */
#editor-header {
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

/* Editor content */
#editor-content {
    height: 400px;
    overflow: hidden;
}

/* CodeMirror theme customization */
.cm-s-monokai .CodeMirror-gutters {
    background-color: #272822;
    border-right: 1px solid #3e3d32;
}

.cm-s-monokai .CodeMirror-linenumber {
    color: #8f908a;
}

/* Autocomplete hints */
.CodeMirror-hints {
    font-family: 'Fira Code', 'Consolas', monospace;
    font-size: 14px;
    z-index: 100;
}

.CodeMirror-hint {
    padding: 4px 8px;
    border-radius: 4px;
}

.CodeMirror-hint-active {
    background-color: #3b82f6;
    color: white;
}