#animeFontGenerator{
    max-width:1400px;
    margin:auto;
    padding:28px;
    border-radius:26px;
    font-family:Segoe UI,Arial,sans-serif;
    color:#fff;
    background:
    radial-gradient(circle at top left,#ff4fd822,transparent 40%),
    radial-gradient(circle at top right,#4fd8ff22,transparent 40%),
    linear-gradient(135deg,#0b0b12,#1a1a2e);
}

#animeFontGenerator *{
    box-sizing:border-box;
}

.anime-header{
    text-align:center;
    margin-bottom:18px;
}

.anime-header h2{
    margin:0;
    font-size:clamp(28px,5vw,52px);
    font-weight:900;
    background:linear-gradient(90deg,#ff4fd8,#4fd8ff,#9b6bff);
    -webkit-background-clip:text;
    color:transparent;
}

.anime-header p{
    color:#c9c9ff;
    margin-top:6px;
}

.anime-box{
    background:rgba(255,255,255,.05);
    padding:18px;
    border-radius:20px;
}

#animeInput{
    width:100%;
    min-height:120px;
    border:none;
    outline:none;
    resize:vertical;
    padding:16px;
    border-radius:16px;
    background:#1f1f3a;
    color:#fff;
    font-size:18px;
}

.anime-actions{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top:12px;
}

.anime-actions button{
    border:none;
    cursor:pointer;
    padding:12px 16px;
    border-radius:12px;
    font-weight:700;
    color:#111;
    background:linear-gradient(135deg,#ff4fd8,#4fd8ff);
}

.anime-stats{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
    margin-top:12px;
}

.anime-stats span{
    background:#22223a;
    padding:8px 12px;
    border-radius:10px;
    font-size:12px;
}

.anime-results{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(320px,1fr));
    gap:14px;
    margin-top:20px;
}

.card{
    background:#16162a;
    border-radius:16px;
    padding:16px;
    border:1px solid rgba(255,255,255,.08);
    transition:.2s;
}

.card:hover{
    transform:translateY(-3px);
}

.title{
    font-size:11px;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#4fd8ff;
    margin-bottom:8px;
}

.output{
    font-size:18px;
    line-height:1.6;
    word-break:break-word;
}

.copy{
    width:100%;
    margin-top:10px;
    border:none;
    padding:10px;
    border-radius:10px;
    cursor:pointer;
    color:#fff;
    background:linear-gradient(135deg,#9b6bff,#ff4fd8);
}

@media(max-width:768px){
    #animeFontGenerator{padding:14px;}
    .anime-results{grid-template-columns:1fr;}
}