.edit-container {
    display: flex;
    width: 100%;
    margin: 2px auto;
    border: 1px solid var(--form-control-border);
    border-radius: 15px;
    position: relative;
    background-color: var(--form-control-bg);
    min-height: 40px;
    padding: 12px 0;
}

.edit-numbers {
    min-width: 50px;
    color: var(--btn-danger);
    background-color: var(--border-color);
    border-radius: 15px 0 0 15px;
    text-align: right;
    padding-right: 5px;
    user-select: none;
    line-height: 1.5;
    font-family: monospace;
    font-size: 16px;
    overflow-y: hidden;
    box-sizing: border-box;
    outline: none; /* Добавлено */
}

.edit {
    flex-grow: 1;
    background-color: var(--form-control-bg);
    margin: 0;
    border: none;
    padding: 5px;
    box-sizing: border-box;
    font-family: monospace;
    font-size: 16px;
    line-height: 1.5;
    letter-spacing: 1px;
    overflow-y: scroll;
    white-space: nowrap;
    outline: none; /* Добавлено */
}

.edit:focus {
    outline: none; /* Дополнительная защита для фокуса */
}

.edit p {
    margin-top: 0;
    margin-bottom: 0;
    outline: none; /* Добавлено */
}

/* Остальные стили остаются без изменений */
.edit .b { font-weight: bold; }
.edit .i { font-style: italic; }
.edit .u { text-decoration: underline; }
.edit .d { text-decoration: line-through; }
.edit .s { font-size: smaller; }
.edit .e { /* цвет фона оставлен пустым */ }

.edit .c00 { color: var(--text-primary); background-color: var(--bg-secondary); }
.edit .c11 { color: var(--btn-danger); }
.edit .c12 { color: var(--btn-info); }
.edit .c13 { color: var(--btn-success); }
.edit .c15 { color: var(--btn-orange); }
.edit .c16 { color: var(--btn-purple); }
.edit .c19 { color: var(--btn-warning); }
.edit .c27 { color: var(--btn-maroon); }
.edit .c28 { color: var(--btn-teal); }
.edit .c29 { color: var(--btn-danger); }
.edit .c30 { color: var(--btn-success); }




/* === CSS-ПЕРЕМЕННЫЕ ДЛЯ СВЕТЛОЙ ТЕМЫ === */
:root {
--teg-text: #3838FF; /* Цвет тэга текста */
--teg-class: #A52A2A; /* Цвет класса текста */
--class-name: #C31D1D; /* Цвет класса текста */

}

/* === CSS-ПЕРЕМЕННЫЕ ДЛЯ ТЁМНОЙ ТЕМЫ === */
[data-theme="dark"] {
--teg-text: #1E90FF; /* Цвет тэга текста */
--teg-class: #DC143C; /* Цвет класса текста */
--class-name: #ED4B6B; /* Цвет класса текста */

}


.edit .c10 { color: #FFFF00; } /* Yellow */
.edit .c14 { color: #3838FF; } /* Blue (approx. vivid blue) */

.edit .cT  { color: var(--teg-text); }	/* Цвет тэга текста */
.edit .cC  { color: var(--teg-class); }	/* Цвет класса текста */
.edit .cN  { color: var(--class-name); }	/* Цвет наименования класса текста */

.edit .c17 { color: #20B2AA; } /* Light Sea Green */
.edit .c18 { color: #A52A2A; } /* Brown */
.edit .c20 { color: #8A2BE2; } /* Blue Violet */
.edit .c21 { color: #32CD32; } /* Lime Green */
.edit .c22 { color: #6D5C5C; } /* Dim Grayish Brown (no standard name; dark taupe-like) */
.edit .c23 { color: #6A5ACD; } /* Slate Blue */
.edit .c24 { color: #DC143C; } /* Crimson */
.edit .c25 { color: #FF8C00; } /* Dark Orange */
.edit .c26 { color: #9932CC; } /* Dark Orchid */

.edit .c30 { color: #000000; } /* Black */
.edit .c31 { color: #1C1C1C; } /* Very Dark Gray */
.edit .c32 { color: #383838; } /* Dark Charcoal */
.edit .c33 { color: #555555; } /* Dark Gray */
.edit .c34 { color: #717171; } /* Gray */
.edit .c35 { color: #8D8D8D; } /* Medium Gray */
.edit .c36 { color: #AAAAAA; } /* Grayish */
.edit .c37 { color: #C6C6C6; } /* Light Gray */
.edit .c38 { color: #E2E2E2; } /* Very Light Gray */
.edit .c39 { color: #FFFFFF; } /* White */