body {
    font-family: 'Segoe UI', sans-serif;
    background: #f0f2f5;
    margin: 0; padding: 0;
    color: #333;
}
header {
    background: linear-gradient(90deg,#4A90E2,#50E3C2);
    color:white;
    padding:1.5rem;
    text-align:center;
}
header h1{margin:0;font-size:2rem;}
.container{max-width:1200px;margin:2rem auto;padding:0 1rem;}
.buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;margin-bottom:2rem;}
.buttons button{
    padding:1rem 2rem;font-size:1rem;border:none;border-radius:0.5rem;cursor:pointer;transition:0.3s;
}
.photo-btn{background:#FF6B6B;color:white;}
.text-btn{background:#4ECDC4;color:white;}
.avatar-btn{background:#556270;color:white;}
.ppt-btn{background:#C7F464;color:#333;}
.ad-btn{background:#FFA500;color:white;}
.buttons button:hover{opacity:0.85;}
#generationArea{
    background:white;padding:1.5rem;border-radius:0.5rem;
    box-shadow:0 4px 15px rgba(0,0,0,0.1);
}
#generationArea h3{margin-top:0;}
input[type=file],textarea{
    width:100%;padding:0.6rem;margin-top:0.5rem;border-radius:0.3rem;border:1px solid #ccc;
}
.status-message{margin:1rem 0;padding:0.7rem 1rem;border-radius:0.4rem;}
.status-message.info{background:#d9edf7;color:#31708f;}
.status-message.error{background:#f2dede;color:#a94442;}
.status-message.success{background:#dff0d8;color:#3c763d;}
.preview-image,.preview-video{max-width:100%;margin-top:1rem;border-radius:0.5rem;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
@media screen and (max-width:768px){
    .buttons{flex-direction:column;align-items:center;}
    .buttons button{width:90%;}
}