body{
    margin:0;
    background:#0f172a;
    color:white;
    font-family:'Poppins',sans-serif;
}

.code-header{
    text-align:center;
    padding:40px;
    background:linear-gradient(135deg,#6366f1,#22c55e);
}

.editor-section{
    display:flex;
    padding:40px;
    gap:30px;
    flex-wrap:wrap;
}

.editor{
    flex:1;
}

textarea{
    width:100%;
    height:300px;
    background:#1e293b;
    color:white;
    border:none;
    padding:20px;
    border-radius:10px;
    font-family:monospace;
}

button{
    margin-top:20px;
    padding:10px 25px;
    background:#22c55e;
    border:none;
    border-radius:8px;
    color:white;
    cursor:pointer;
}

.output{
    flex:1;
    background:#111827;
    padding:20px;
    border-radius:10px;
}