.acp-ai-generator {

    background:#fff;

    padding:30px;

    border-radius:18px;

    border:1px solid #eee;

}



.acp-ai-brand {

    font-size:11px;

    letter-spacing:3px;

     color:#e00000;;

    font-weight:700;

}



.acp-ai-generator h2 {

    font-size:28px;

    margin:12px 0;

    color:#111;

}



.acp-ai-generator p {

    color:#777;

    margin-bottom:25px;

}




.acp-ai-suggestions {

    display:flex;

    gap:10px;

    flex-wrap:wrap;

}



.acp-ai-example {


    background:white;

    border:1px solid #e00000;

    border-radius:25px;

    padding:10px 18px;

    cursor:pointer;

    font-size:14px;

}




.acp-ai-input-box {


    margin-top:55px;

    display:flex;

    border:1px solid #ddd;

    border-radius:12px;

    padding:5px;


}



#acp-ai-prompt {


    flex:1;

    border:none;

    outline:none;

    padding:15px;

    font-size:15px;


}



#acp-ai-generate {


    background:#e00000;

    color:#fff;
    


    color:white;

    border:none;

    border-radius:10px;

    padding:0 25px;

    font-weight:600;

    cursor:pointer;


}



.acp-ai-history {


    margin-top:15px;

    background:#f5f5f7;

    padding:18px;

    display:flex;

    justify-content:space-between;

    font-size:14px;


}



.acp-ai-history button {


    border:none;

    background:none;

    color:#22b573;

}

#acp-ai-generate:hover {

    background:#b80000;

}