.code-editor-wrapper{
    background:#1e1e1e;
    border-radius:12px;
    overflow:hidden;
    margin:30px 0;
    border:1px solid #333;
}

.editor-tabs{
    display:flex;
    gap:10px;
    padding:12px;
    background:#2d2d2d;
    border-bottom:1px solid #444;
    flex-wrap:wrap;
}

.editor-tab,
.copy-editor-btn{
    background:#3c3c3c;
    color:#fff;
    border:none;
    padding:8px 18px;
    cursor:pointer;
    border-radius:6px;
    font-size:15px;
    font-weight:600;
}

.editor-tab.active{
    background:#0078d4;
}

.editor-content{
    display:none;
}

.editor-content.active-editor{
    display:block;
}

.code-editor-wrapper pre{
    margin:0;
    max-height:500px;
    overflow:auto;
}