@import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap");:root{--black:#000000;--white:#f5f5f5}body,html{-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:var(--white);color:var(--black);font-family:DM Sans,serif;font-optical-sizing:auto;font-style:normal;height:100%}.main{row-gap:20px}.loadingOverlay,.main{display:flex;flex-direction:column;align-items:center;height:100%}.loadingOverlay{position:fixed;top:0;left:0;width:100%;background:rgba(255,255,255,.9);justify-content:center;z-index:9999}.footer,.header{text-align:center;div{margin:20px 0 10px;display:flex;gap:10px;align-items:flex-end;h1{margin:0}}}hr{border:1px solid rgb(205,205,205);width:100%}.form>form{display:flex;flex-direction:column;align-items:center;gap:20px}#fileInput{display:none}.fileInputArea{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;border:2px dashed var(--black);border-radius:8px;min-height:150px;min-width:250px;padding:20px;text-align:center;p{margin:0}}#imageProcess{height:50px;min-width:215px;border:2px solid var(--black);background-color:var(--white);border-radius:12px;font-family:DM Sans,serif;font-optical-sizing:auto;font-style:normal;font-size:16px;text-align:center}.resizeField{display:flex;flex-direction:column;align-items:center;gap:10px}#imageHeight,#imageWidth{height:35px;width:100px;text-align:center;border:1px solid var(--black);border-radius:8px;font-family:DM Sans,serif;font-optical-sizing:auto;font-style:normal;font-size:16px}#fileDownload,#fileUpload{display:flex;justify-content:center;align-items:center;gap:10px;height:50px;min-width:215px;background-color:var(--black);color:var(--white);border:2px solid var(--black);border-radius:12px;font-family:DM Sans,serif;font-optical-sizing:auto;font-style:normal;font-size:17px}.processedImage{margin-top:30px;border:2px dashed var(--black);border-radius:8px;padding:20px;text-align:center;p{margin:0 0 10px}}