body{
font-family:Arial;
margin:0;
background:#fff4eb;
}
header{
background:#ff7a18;
color:white;
padding:10px 20px;
display:flex;
align-items:center;
gap:15px;
}

.logo img{
width:40px;
cursor:pointer;
}



.container{
display:flex;
height:90vh;
}

.files{
width:200px;
background:#ffe0cc;
padding:15px;
}

.files ul{
list-style:none;
padding:0;
}

.files li{
padding:8px;
cursor:pointer;
}

.files li:hover{
background:#ffb380;
}

.editor{
flex:1;
display:flex;
flex-direction:column;
}

.toolbar{
background:#ffd2b3;
padding:10px;
}

textarea{
flex:1;
width:100%;
border:none;
padding:15px;
font-family:monospace;
font-size:14px;
}