body{

background:#0f172a;

color:white;

font-family:system-ui;

margin:0;

}

header{

text-align:center;

padding:60px 20px;

}

header p{

color:#94a3b8;

}

.tools{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(220px,1fr));

gap:20px;

max-width:900px;

margin:auto;

padding:20px;

}

.tool{

background:#1e293b;

padding:25px;

border-radius:10px;

text-decoration:none;

color:white;

text-align:center;

transition:0.2s;

box-shadow:0 8px 20px rgba(0,0,0,0.3);

}

.tool:hover{

transform:translateY(-5px);

background:#334155;

}

.tool-page{

max-width:700px;

margin:auto;

padding:40px;

text-align:center;

}

textarea,input{

width:100%;

padding:12px;

border-radius:8px;

border:none;

margin-bottom:15px;

}

button{

background:#3b82f6;

color:white;

border:none;

padding:10px 18px;

border-radius:8px;

cursor:pointer;

margin:5px;

}

button:hover{

background:#2563eb;

}

.back{

margin-bottom:20px;

display:inline-block;

color:#94a3b8;

text-decoration:none;

}

pre{

background:#1e293b;

padding:20px;

border-radius:10px;

overflow:auto;

}

footer{

text-align:center;

padding:30px;

color:#64748b;

}

#search{
    width: 50%;
}

body{

background:#0f172a;

color:white;

font-family:system-ui;

margin:0;

}

header{

text-align:center;

padding:60px 20px;

}

header p{

color:#94a3b8;

margin-bottom:20px;

}

#search{

width:280px;

padding:12px;

border-radius:8px;

border:none;

}

main{

max-width:1000px;

margin:auto;

padding:20px;

}

.tools{

display:grid;

grid-template-columns:repeat(auto-fit,minmax(240px,1fr));

gap:20px;

}

.tool{

background:#1e293b;

padding:20px;

border-radius:12px;

text-decoration:none;

color:white;

transition:0.2s;

}

.tool:hover{

transform:translateY(-6px);

background:#334155;

}

.tool p{

color:#94a3b8;

font-size:14px;

}

footer{

text-align:center;

margin-top:50px;

padding:20px;

color:#94a3b8;

}

#toast{
position:fixed;
bottom:30px;
left:50%;
transform:translateX(-50%);
background:#22c55e;
color:white;
padding:10px 20px;
border-radius:6px;
opacity:0;
transition:0.3s;
}