.resize-tool{max-width:1000px;margin:0 auto;font-family:system-ui,-apple-system,BlinkMacSystemFont,sans-serif}.upload-box{border:2px dashed #c7d2fe;border-radius:14px;padding:40px;text-align:center;cursor:pointer;color:#6b7280}.upload-box:hover{background:#f8fafc}.preview-box{margin-top:24px;border-radius:14px;border:1px solid #e5e7eb;min-height:280px;display:flex;align-items:center;justify-content:center;position:relative;flex-direction:column;aspect-ratio:16 / 9}.preview-note{position:absolute;bottom:10px;font-size:15px;color:#636388}.preview-box.empty{opacity:.35;max-height:200px;width:100%}.preview-placeholder{text-align:center;color:#6b7280;font-size:15px}.preview-box:not(.empty) .preview-placeholder{display:none}.tool-content h2{font-size:32px;margin-bottom:30px;text-align:center}.listct{margin-top:30px;background:#eee;border-radius:8px;padding:15px 20px 5px;color:#777;font-size:15px}.listct ul{margin-bottom:0}div#uploadBox p{margin:0}i.bx.bx-upload:before{content:"\ec5f";font-size:32px}i.button-icon.bx.bx-brush-alt:before{content:"\ea07";display:flex;padding:0 3px 3px 0}i.button-icon.bx.bx-download:before{content:"\eab9";display:flex;padding:0 3px 1px 0}i.bx.bx-vertical-center:before{content:"\ec6c";font-size:48px}#previewImage{max-width:100%;max-height:100%;transition:width 0.25s ease,height 0.25s ease;object-fit:contain;border-radius:14px}.preview-box img{max-width:100%;height:auto}.field.is-disabled{opacity:.35;pointer-events:none}.resize-left .field input{margin:0;height:44px;width:142px;box-shadow:none;border-radius:8px;font-size:15px;display:flex;align-items:center}.output-buttons{display:flex;gap:20px;margin:20px 0}.output-buttons.disabled{opacity:.35}.output-buttons button{background:none;font-size:15px;cursor:pointer;margin:0;border:1px solid #0075db;border-radius:99px;padding:2px 18px;text-transform:none}.output-buttons button.active{border-bottom:1px solid #0075db;background:#0075db;color:#fff}.resize-controls{display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.resize-left{display:flex;align-items:flex-end;gap:16px}.resize-right{display:flex;align-items:center;gap:16px}.field{display:flex;flex-direction:column;gap:6px}.field input{width:120px;padding:10px 12px;border-radius:12px;border:1px solid #e5e7eb;font-size:16px}.btn-primary{border-radius:999px;background:#0075db;color:#fff;border:none;cursor:pointer;text-transform:capitalize;height:44px;padding:0 25px;font-size:15px;margin:0}.btn-outline{padding:0 25px;border-radius:99px;background:#fff;border:1px solid #e5e7eb;height:44px;text-transform:capitalize;font-size:15px}.resize-right button{margin:0}.btn-outline-primary{padding:0 25px;border-radius:99px;background:#fff;border:2px solid #0075db;color:#0075db;height:44px;font-size:15px;text-transform:capitalize}button:disabled{opacity:.35;cursor:not-allowed}@media screen and (max-width:767px){.output-buttons button{font-size:12px;padding:1px 8px}.resize-left .field input{height:40px;width:100px;font-size:14px}.btn-primary{height:40px}}