/* SILENOS 3/code-editor/editor-styles.css */

.editor-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 10px;
    border: none;
    box-sizing: border-box;
    font-family: 'Fira Code', 'Consolas', monospace; /* Fuente monoespaciada es CRUCIAL */
    font-size: 14px;
    line-height: 1.5;
    tab-size: 2;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: auto;
}

/* La capa de fondo con el código coloreado */
.highlight-layer {
    z-index: 1;
    pointer-events: none; /* Dejar pasar clicks */
    background-color: #1e1e1e;
}

/* El textarea invisible para escribir */
.input-layer {
    z-index: 2;
    color: transparent; /* Texto transparente */
    background: transparent;
    caret-color: white; /* Cursor visible */
    resize: none;
    outline: none;
}

/* Colores de sintaxis (Tema Dark VS Code-ish) */
.token-string { color: #ce9178; }
.token-comment { color: #6a9955; }
.token-keyword { color: #569cd6; font-weight: bold; }
.token-function { color: #dcdcaa; }
.token-number { color: #b5cea8; }