.editor-container-flex {
    display: flex;
    flex-direction: row !important;
    gap: 0;
    background: #1e1e1e;
    border: 1px solid #3a3a3a;
    border-radius: 8px 8px 0 0;
    overflow: hidden;
    height: 650px;
    position: relative;
    width: 100%;
}
.editor-wrapper {
    flex: 1 1 100%;
    background: #1e1e1e;
    position: relative;
    height: 100%;
    overflow: hidden;
    min-width: 0;
    max-width: none;
}

/* ===== НОМЕРА СТРОК ===== */
.line-numbers {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 50px;
    background: #1a1a1a;
    padding: 20px 0;
    text-align: right;
    user-select: none;
    border-right: 1px solid #3a3a3a;
    color: #6a6a6a;
    font-size: 15px;
    line-height: 1.6 !important;
    padding-right: 14px;
    overflow: hidden;
    z-index: 1;
    font-family: 'Consolas', 'Courier New', monospace;
}
.line-numbers .num {
    display: block;
    padding: 0 8px;
    line-height: 1.6 !important;
    font-size: 15px;
}
.line-numbers .num.active {
    color: #d4d4d4;
}

/* ===== ПОЛЕ ВВОДА ===== */
.editor-input-wrap {
    position: absolute;
    top: 0;
    left: 50px;
    right: 0;
    bottom: 0;
    overflow: hidden;
}

/* ===== ПОДСВЕТКА ===== */
.highlight-layer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 20px 0;
    font-size: 15px;
    line-height: 1.6 !important;
    font-family: 'Consolas', 'Courier New', monospace;
    white-space: pre-wrap;
    word-wrap: break-word;
    color: #d4d4d4;
    overflow: hidden;
    z-index: 1;
    pointer-events: none;
}
.highlight-layer > div {
    line-height: 1.6 !important;
    padding: 0 16px 0 0;
}
.highlight-layer .hl-comment { color: #6a9b6a; font-style: italic; }
.highlight-layer .hl-g00 { color: #4a9eff; }
.highlight-layer .hl-g01 { color: #4ec9b0; }
.highlight-layer .hl-g02-g03 { color: #d7ba7d; }
.highlight-layer .hl-cycles { color: #ce9178; }
.highlight-layer .hl-g90-g91 { color: #c586c0; }
.highlight-layer .hl-correction { color: #6a9b6a; }
.highlight-layer .hl-mcode { color: #d19a66; }
.highlight-layer .hl-number { color: #b5cea8; }
.highlight-layer .hl-param { color: #9cdcfe; }
.highlight-layer .hl-var { color: #ffd700; }
.highlight-layer .hl-default { color: #888888; }

/* ===== TEXTAREA ===== */
textarea {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    border: none;
    color: transparent;
    caret-color: #d4d4d4;
    font-size: 15px;
    line-height: 1.6 !important;
    font-family: 'Consolas', 'Courier New', monospace;
    padding: 20px 0;
    outline: none;
    resize: none;
    tab-size: 4;
    z-index: 2;
    overflow-y: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
}
textarea:focus { border: none; box-shadow: none; }
textarea::-webkit-scrollbar { width: 12px; }
textarea::-webkit-scrollbar-track { background: #1e1e1e; }
textarea::-webkit-scrollbar-thumb { background: #3a3a3a; border-radius: 6px; }
textarea::-webkit-scrollbar-thumb:hover { background: #4a4a4a; }