html,body{margin:0;padding:0;box-sizing:border-box}body{font-family:'Roboto',sans-serif;background-color:#f4f7f6;color:#333;line-height:1.6}.main-header{width:100%;background-color:#8da68f;padding:15px 0;box-shadow:0 2px 4px rgb(0 0 0 / .1);top:0;z-index:1000}.header-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:0 20px}.logo{color:#fff;font-size:2em;font-weight:700;text-transform:uppercase}.main-content{max-width:1200px;margin:20px auto;padding:20px;border-radius:8px}#content-main{background-color:#fff;box-shadow:0 0 10px rgb(0 0 0 / .05)}.tool-page-container{max-width:800px;margin:0 auto;padding:20px;background-color:#fff;box-shadow:0 0 10px rgb(0 0 0 / .05);border-radius:8px;text-align:center}.tool-page-container h1{color:#333;margin-bottom:10px}.tool-page-container.description{color:#666;margin-bottom:30px;font-size:1.1em}.back-to-home{display:inline-block;margin-bottom:20px;color:#8da68f;text-decoration:none;font-weight:700;transition:color 0.3s ease}.back-to-home:hover{text-decoration:underline}.upload-section{border:2px dashed #ccc;padding:40px 20px;text-align:center;margin-bottom:20px;border-radius:8px;background-color:#f9f9f9;cursor:pointer;transition:border-color 0.3s ease}.upload-section:hover{border-color:#8da68f}.custom-file-upload{display:inline-block;background-color:#8da68f;color:#fff;padding:12px 25px;border-radius:5px;cursor:pointer;font-size:1.1em;font-weight:700;transition:background-color 0.3s ease}.custom-file-upload:hover{background-color:#6d856f}input[type="file"]{display:none}#file-chosen{display:block;margin-top:15px;color:#555;font-size:.9em}.action-button{background-color:#4CAF50;color:#fff;padding:15px 30px;border:none;border-radius:5px;cursor:pointer;font-size:1.2em;font-weight:700;transition:background-color 0.3s ease;width:auto;display:inline-block}.action-button:hover{background-color:#45a049}.output-format-selection{margin-bottom:20px;text-align:center}.output-format-selection label{margin-right:10px;font-weight:700;color:#555}.output-format-selection select{padding:8px 12px;border-radius:5px;border:1px solid #ccc;font-size:1em}.compression-slider-container{margin:30px 0}.compression-slider-container label{display:block;margin-bottom:10px;font-weight:700;color:#555}.compression-slider-container input[type="range"]{width:80%;max-width:400px;height:8px;background:#d3d3d3;outline:none;opacity:.7;-webkit-transition:.2s;transition:opacity.2s;border-radius:5px;cursor:pointer;-webkit-appearance:none;appearance:none}.compression-slider-container input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:#8da68f;cursor:pointer;box-shadow:0 2px 4px rgb(0 0 0 / .2)}.compression-slider-container input[type="range"]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#8da68f;cursor:pointer;box-shadow:0 2px 4px rgb(0 0 0 / .2)}.tool-description-box{background-color:#e9f5e9;border-left:5px solid #4CAF50;padding:20px;margin-top:30px;border-radius:5px;text-align:left;box-shadow:inset 0 1px 3px rgb(0 0 0 / .05)}.tool-description-box h4{color:#4CAF50;margin-top:0;margin-bottom:10px;font-size:1.2em}.tool-description-box ul{list-style:none;padding:0;margin:0}.tool-description-box ul li{margin-bottom:8px;color:#555;line-height:1.4}.tool-description-box ul li strong{color:#333}.flash-messages{margin-top:20px;padding:15px;border-radius:5px;text-align:center;font-weight:700}.alert-success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.alert-danger{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.alert-warning{background-color:#fff3cd;color:#856404;border:1px solid #ffeeba}.alert-info{background-color:#d1ecf1;color:#0c5460;border:1px solid #bee5eb}@media(max-width:768px){.header-content{flex-direction:column;text-align:center;padding:0 10px}.logo{margin-bottom:10px;font-size:1.8em}.header-quote{font-size:.9em;margin-top:5px;max-width:90%}.main-content{margin:15px auto;padding:15px}.tool-page-container{padding:15px}.tool-page-container h1{font-size:1.8em}.tool-page-container.description{font-size:1em}.upload-section{padding:30px 15px}.custom-file-upload{padding:10px 20px;font-size:1em}.action-button{padding:12px 25px;font-size:1.1em}.compression-slider-container input[type="range"]{width:90%}}@media(max-width:480px){.logo{font-size:1.6em}.header-quote{font-size:.8em}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px}.tool-card h2{font-size:1em}.tool-card p{font-size:.75em}.tool-icon{width:70px;height:70px}.tool-icon img{width:60px;height:60px}}#progressBar{transition:width 0.6s ease}.footer{font-size:.9rem;color:#555;background-color:#f8f9fa}.footer a{color:#007bff;text-decoration:none}.footer a:hover{text-decoration:underline}@media(max-width:576px){.footer p{font-size:.85rem;margin-bottom:5px}}