.CodeMirror { max-width: 870px; }

/* ------------- 
content start - Стили CodeMirrow
------------- */

.CodeMirror { 
    position: relative; 
    width: 100%; 
    max-width: unset !important;
    height: unset !important;
}

/* Кнопка копирования */
.copy-btn { 
    position: absolute; 
    top: 5px; 
    right: 5px; 
    padding: 5px 8px; 
    font-size: 12px;
    background: #333; 
    color: white; 
    border: none; 
    cursor: pointer; 
    border-radius: 4px;
    opacity: 0.7;
    transition: opacity 0.2s;
    z-index: 10;
}

.copy-btn:hover { opacity: 1; }


/* Обёртка для редактора */
.editor-wrapper {
    position: relative;
    margin-bottom: 10px;
}

/* Тултип */
.tooltip {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 8px 15px;
    border-radius: 5px;
    font-size: 14px;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s;
}

.tooltip.show {
    opacity: 1;
    visibility: visible;
}
/* ------------- 
content finish - Стили CodeMirrow
------------- */