.container{
    max-width:1100px;
    margin:auto;
}

.header-box{
    text-align:center;
  
    color:#fff;
}


.header-box p{
	color: black !important;
}
.tool-box{
    background:#f9f9f9b5;
    padding:25px;
    border-radius:15px;
    
}
textarea{
    width:100%;
    min-height:220px;
    padding:15px;
    border:2px solid #ffe0e9;
    border-radius:10px;
    font-size:16px;
    resize:vertical;
    outline:none;
}
.stats-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(180px,1fr));
    gap:15px;
    margin:25px 0;
}
.stat-card{
    background:#f9f9f9b5;
    
    border-radius:10px;
    padding:20px;
    text-align:center;
}
.stat-card h3{
    color:#626262;
    font-size:28px;
    margin-bottom:5px;
}
.action-bar{
    display:flex;
    gap:10px;
    flex-wrap:wrap;
}
button{
    padding:12px 22px;
    border:none;
    border-radius:10px;
    cursor:pointer;
    font-weight:700;
}
#copyBtn{
    background:#7898c9;
    color:#000;
}
#clearBtn{
    background:#7898c9;
    color:#fff;
}
@media(max-width:768px){
    h1{font-size:32px;}
}
@media (max-width: 375px) {
    .tool-box{
		padding:0px !important;
	}
}
@media(max-width:480px){
	.tool-box{
		padding:0px !important;
	}
    .action-bar button{
        width:100%;
    }
}