#bigFooter{display:none}#smallFooter{display:block}#mainDiv{width:100%;display:flex;flex-direction:column;align-items:center}#removedImgBtn{display:none;margin-top:0;align-self:start;background-color:transparent;border:0;cursor:pointer;position:absolute;margin-top:10px;margin-left:10px}.uplodePhoto{width:90%;padding:30px;padding-top:5px;border-radius:20px;display:flex;flex-direction:row-reverse;justify-content:space-around}.header{font-size:22px;font-weight:500;color:black}.support{font-size:18px;text-align:center;width:80%;color:black;margin:10px 0 15px 0}#dropOverlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:rgba(0,0,0,0.8);color:white;display:flex;justify-content:center;align-items:center;font-size:2rem;z-index:9999;display:none}#dropOverlay h2{font-family:Helvetica,Arial,sans-serif;font-size:3.5rem;font-weight:700;color:white}#uploadBtn{color:black;border-radius:30px;background-color:#71b8fb;border:0;padding:10px 20px;font-size:25px;font-weight:500;transition:background-color .3s ease}#uploadBtn img{width:40px;margin-left:10px}#uploadBtn:hover{background-color:#59aefd}.dragBox{background-image:url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' rx='31' ry='31' stroke='%23050575FF' stroke-width='11' stroke-dasharray='2%2c 6' stroke-dashoffset='100' stroke-linecap='butt'/%3e%3c/svg%3e");border-radius:31px;background-color:white;height:280px;width:540px;font-family:'Roboto',sans-serif;font-size:35px;display:flex;align-items:center;justify-content:center;flex-direction:column;margin:10px auto;overflow:hidden;transition:background-color .3s ease}.dragBox input[type="file"]{display:none}.draging{transform:scale(1.1)}#previewImageDiv{width:40%}#previewImage{padding-left:30%;margin-left:20px}.previewImg{background-color:white;max-width:100%;min-width:260px;max-height:450px;min-height:200px;border:1px solid black;border-radius:35px;overflow:hidden}#resizeOptions{width:60%;max-width:800px}.resize-controls{background:white;border-radius:20px;padding:30px;box-shadow:0 4px 20px rgba(0,0,0,0.1)}.resize-controls h3{font-size:28px;font-weight:700;color:#333;text-align:center;margin-bottom:30px}.option-group{margin-bottom:3px;padding-bottom:20px;border-bottom:1px solid #eee}.option-group:last-child{border-bottom:0}.option-group h4{font-size:20px;font-weight:600;color:#444;margin-bottom:15px}.mode-toggle{display:flex;gap:10px}.mode-btn{flex:1;background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:15px;font-size:16px;font-weight:500;color:#495057;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:8px}.mode-btn:hover{background:#e9ecef;border-color:#71b8fb}.mode-btn.active{background:#71b8fb;border-color:#71b8fb;color:white}.mode-btn span{font-size:18px}.size-type-dropdown{width:100%}.size-type-dropdown select{width:100%;padding:15px;font-size:16px;border:2px solid #e9ecef;border-radius:12px;background:white;color:#495057;cursor:pointer;transition:border-color .3s ease}.size-type-dropdown select:focus{outline:0;border-color:#71b8fb}.ratio-buttons{display:flex;flex-wrap:wrap;gap:10px}.ratio-btn{background:#f8f9fa;border:2px solid #e9ecef;border-radius:12px;padding:12px 20px;font-size:16px;font-weight:500;color:#495057;cursor:pointer;transition:all .3s ease}.ratio-btn:hover{background:#71b8fb;border-color:#71b8fb;color:white}.ratio-btn.active{background:#71b8fb;border-color:#71b8fb;color:white}.country-dropdown{width:100%}.country-dropdown select{width:100%;padding:15px;font-size:16px;border:2px solid #e9ecef;border-radius:12px;background:white;color:#495057;cursor:pointer;transition:border-color .3s ease}.country-dropdown select:focus{outline:0;border-color:#71b8fb}.custom-inputs{display:flex;flex-direction:column;gap:15px}.input-group{display:flex;align-items:center;gap:15px}.input-group label{font-weight:500;color:#495057;min-width:120px}.input-group input{flex:1;padding:12px;font-size:16px;border:2px solid #e9ecef;border-radius:8px;transition:border-color .3s ease}.input-group input:focus{outline:0;border-color:#71b8fb}.custom-inputs button{background:#71b8fb;border:0;border-radius:12px;padding:15px 30px;font-size:16px;font-weight:600;color:white;cursor:pointer;transition:background-color .3s ease;align-self:flex-start}.custom-inputs button:hover{background:#59aefd}#outputFormat{width:200px;padding:15px;font-size:16px;border:2px solid #e9ecef;border-radius:12px;background:white;color:#495057;cursor:pointer;transition:border-color .3s ease}#outputFormat:focus{outline:0;border-color:#71b8fb}.download-section{text-align:center;margin-top:30px}.download-btn{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#71b8fb 0,#06c 100%);border:0;border-radius:50px;padding:15px 30px;font-size:18px;font-weight:600;color:white;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(113,184,251,0.4)}.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(113,184,251,0.6)}.download-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.download-btn svg{width:20px;height:20px}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{from{opacity:1}to{opacity:0}}#error{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#eeeae5;border:2px solid black;border-radius:15px;padding:30px;z-index:9999;box-shadow:0 0 10px rgba(0,0,0,0.5);opacity:0}@media(max-width:990px){.dragBox{width:90%;height:250px;font-size:28px}.uplodePhoto{padding:3px;flex-direction:column;align-items:center;width:100%}#previewImageDiv{width:100%}.previewImg{max-width:95%}#previewImage{padding-left:0;max-width:95%}#resizeOptions{width:100%;margin-top:20px}.resize-controls{padding:20px;margin:0 15px}.ratio-buttons{flex-direction:column}.ratio-btn{width:100%;text-align:center}.input-group{flex-direction:column;align-items:flex-start}.input-group label{min-width:auto}.input-group input{width:100%}.custom-inputs button{width:100%}#outputFormat{width:100%}}@media(max-width:480px){.resize-controls h3{font-size:24px}.option-group h4{font-size:18px}.dragBox{font-size:24px;height:220px}#uploadBtn{font-size:20px;padding:8px 16px}#uploadBtn img{width:30px}}