body{font-family:Arial,sans-serif;display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f8f9fa}.nav{background-color:#fff!important;background:#fff!important}.bg-light{background:#fff!important}.navbar-brand{margin-left:8px;color:#000}.nav-link{color:#000}.navbar-brand{margin-left:15%}.navbar-nav{margin:0 auto;margin-left:25%}.navbar-nav .nav-item{margin-right:5px}.flex-row{margin-right:18%}.navbar-toggler{margin-right:15px}.navbar-text{margin-right:15%}.tools-menu-mobile{display:none}@media screen and (max-width:720px){.ytthumb{width:100%}.inputdiv{width:90%}#navbarButtonsExample{margin-left:50%!important}.nav-item{height:1px;margin-bottom:30px;margin-right:auto;margin-top:10px;background-color:#fff}.navbar-brand{margin-right:0 auto;margin-left:3%}#navbarNav{margin-right:0%}.ytdthumb{width:90%}.data-div{font-size:3vw}.tools-menu-desktop{display:none}.navbar{margin-right:1%}.nav-link{margin-left:70%}.flex-row{margin-left:66%}.tools-menu-mobile{display:inline;margin-right:auto;margin-left:0}.dropdown-menu{left:50%;transform:translateX(-40%)}}#uploadContainer{display:flex;flex-direction:column;align-items:center;gap:20px;padding:40px;border:2px dashed #ddd;border-radius:16px;width:100%;max-width:600px;background-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.1);margin:auto;transition:border-color .3s ease , box-shadow .3s ease;box-sizing:border-box}#uploadContainer:hover,#uploadContainer.dragover{border-color:#4c8bf5;box-shadow:0 0 15px rgba(76,139,245,.3)}input[type="file"],select{padding:14px;border-radius:10px;border:1px solid #e2e8f0;background-color:#f9fafb;font-size:16px;width:100%;max-width:400px;color:#4a5568;box-sizing:border-box;transition:border-color .3s ease , background-color .3s ease}input[type="file"]:focus,select:focus{border-color:#4c8bf5;background-color:#fff}#previewContainer{display:none;flex-direction:column;align-items:center;width:100%;max-width:300px;background-color:#fff;padding:30px;border-radius:16px;box-shadow:0 10px 20px rgba(0,0,0,.1);margin-top:30px;overflow:hidden;box-sizing:border-box}#previewImage{width:100%;height:auto;max-width:100%;max-height:500px;display:block;margin:0 auto;object-fit:contain}button{padding:14px 8px;border:none;border-radius:10px;background-color:#4c8bf5;color:#fff;font-size:16px;cursor:pointer;transition:background-color .3s ease;box-sizing:border-box;margin-top:20px}button:hover{background-color:#357ae8}button+button{margin-top:15px}html,body{height:100%;margin:0;display:grid;grid-template-rows:1fr auto}.page-container{display:grid;grid-template-rows:auto 1fr auto;min-height:100vh}.main-content{display:flex;flex-direction:column;align-items:center;padding:20px;background-color:#f8f9fa}h1,h2,h3{text-align:center;color:#2c3e50}.content{max-width:800px;margin:0 auto;background:#f8f9fa;padding:200px;border-radius:8px;box-shadow:0 0 00 rgba(0,0,0,.0)}.faq{margin-top:20px}.faq h3{margin-bottom:10px}.faq-item{margin-bottom:15px;border:1px solid #ddd;border-radius:5px;overflow:hidden;margin:20px}.faq-item button{width:100%;background:#ecf0f1;color:#2c3e50;text-align:left;padding:10px;font-size:16px;border:none;cursor:pointer;outline:none}.faq-item button:hover{background:#f1f4f4}.faq-item .answer{display:none;padding:10px;background:#fff;font-size:14px;line-height:1.5}#footer{text-align:center;padding:10px;background-color:#f8f9fa;color:#333;font-size:14px;border-top:1px solid #ddd;width:100%}#footer a{color:#007bff;text-decoration:none;margin:0 10px}#footer a:hover{text-decoration:underline}@media (max-width:600px){header{flex-direction:column;align-items:center;padding:0}header img{margin-left:0;height:auto}nav ul{padding:0}header li{margin:10px}#uploadContainer,#previewContainer{width:100%;padding:15px;margin:10}#footer{font-size:12px}#footer a{margin:5px}}#other-tools{padding:40px 20px;background-color:#fff;margin:20px auto;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,.1);max-width:1500px;text-align:center}#other-tools h2{color:#222;margin-bottom:20px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px}.tool-card{background-color:#f7f8f9;border-radius:8px;padding:10px;text-align:center;display:flex;flex-direction:column;height:100%;box-shadow:0 0 0 rgba(0,0,0,.0);margin:5px}.tool-card h3{font-size:1.2rem;margin-bottom:5px;color:#333}.tool-card p{flex-grow:1;color:#666;margin-bottom:5px}.tool-card a{display:inline-block;padding:10px 10px;background-color:#fb4949;color:#fff;text-decoration:none;border-radius:5px;transition:background-color .3s ease;margin-top:auto;margin-bottom:5%}.tool-card a:hover{background-color:#d93636}