#editor_container {
    display: grid;
    grid-template-rows: auto auto auto;
}

#editor_tools {
    justify-self: end;
    padding: 5px;
    display: grid;
    grid-template-columns: auto auto auto;
    justify-content: end;
    gap: 10px;
}

#editor_tools .tool {
    display: grid;
    grid-template-columns: auto auto;
    cursor: pointer;
    align-items: center;
    padding: 5px;
    border-radius: 5px;
}

#editor_tools .tool img {
    width: 15px; 
    height: 15px;
    display: block;
    padding-right: 5px;
}

#editor_height_slider {
    margin-left: 7px;
    height: 3px;
    padding: 0;
    accent-color: var(--my-font-color);
    border: 1px solid var(--my-border-color);
}

#editor_tools .tool div {
    color: var(--my-font-color);
    font-size: var(--font-size-base);
}

#editor_tools .tool:hover:not(:has(#editor_height_slider)) {
    border: 1px solid var(--my-border-color);
}

#editor_tools #file_input {
    display: none; 
}