/* Global styles for WebToolbox */
html,body{margin:0;padding:0}
body{font-family:Arial,Helvetica,sans-serif;background:#f5f5f5;color:#222}
header{background:#0078ff;color:#fff;padding:20px;text-align:center;position:relative}
.lang{position:absolute;top:15px;right:15px}
.lang button{background:#fff;border:none;padding:6px 10px;margin-left:5px;border-radius:4px;cursor:pointer;color:#0078ff}
.lang button:hover{background:#005fcc;color:#fff}
main{padding:20px}
.container{max-width:900px;margin:40px auto;padding:20px}
.tools{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-top:20px}
.tool{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.1);text-decoration:none;color:inherit;transition:0.2s}
.tool:hover{transform:translateY(-3px);box-shadow:0 4px 10px rgba(0,0,0,0.15)}

/* Reusable box used by tools pages */
.box{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 6px rgba(0,0,0,0.1)}
h1{text-align:center}
input[type="number"],input[type="text"],input[type="file"]{width:100%;padding:12px;margin:10px 0;font-size:1.05rem}
button{width:100%;padding:12px;background:#0078ff;color:#fff;border:none;font-size:1.05rem;border-radius:6px;cursor:pointer}
button:hover{background:#005fcc}
.results{margin-top:20px}
.results a{display:block;margin:5px 0;color:#0078ff}
.result{margin-top:20px;padding:15px;background:#e8f4ff;border-radius:6px}
footer{margin-top:40px}