*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}body,html{height:100%;width:100%;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;background-color:var(--bg-primary-color);color:#fff}h1,h2,h3,h4,h5,h6{margin:0 0 10px;font-weight:700}a:focus{outline:2px solid #005fcc}input,textarea,select,button{font-family:inherit;margin:0}p{text-wrap:pretty}img,figure,video,.aspect-ratio,.embed-wrapper{display:block;width:100%}img{max-width:100%;object-fit:cover}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.container{padding:var(--padding-md);margin-inline:auto;max-width:80rem;display:flex;gap:2.25em}.row{display:flex;align-items:center;gap:var(--gutter-lg)}.left_top>.btn{border:none;outline:none;border-radius:var(--border-radius-md);background-color:var(--bg-active-color);padding:var(--padding-sm);font-size:var(--font-size-sm);cursor:pointer;color:var(--text-active-color)}.right .presets-buttons .btn{border:none;outline:none;font-weight:700;text-transform:uppercase;border-radius:var(--border-radius-md);background-color:var(--bg-active-color);padding:var(--padding-sm);font-size:var(--font-size-sm);cursor:pointer;color:var(--text-active-color)}.right .filters .filter input[type=range]{-webkit-appearance:none;appearance:none;width:100%;max-width:600px;background:transparent;cursor:pointer}.right .filters .filter input::-webkit-slider-runnable-track{background:#d3d3d39f;height:5px;border-radius:var(--border-radius-md)}.right .filters .filter input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6px;height:18px;width:18px;background:var(--bg-danger-color);border-radius:var(--border-radius-2xl)}.right .filters .filter input::-moz-range-thumb{height:18px;width:18px;background:#646cff;border-radius:50%;border:none}:root{--bg-primary-color: rgb(17, 17, 17);--bg-secondary-color: rgb(34, 34, 34);--bg-active-color: rgb(233, 233, 233);--bg-danger-color: rgb(200, 50, 50);--bg-sucess-color: rgb(30, 175, 30);--text-primary-color: rgb(237, 237, 237);--text-secondary-color: rgb(200, 200, 200);--text-tertiary-color: rgb(150, 150, 150);--text-active-color: rgb(24, 24, 24);--text-error-color: rgb(243, 1, 1);--text-sucess-color: rgb(30, 175, 30);--padding-sm: .5rem;--padding-md: 1rem;--padding-lg: 1.5rem;--padding-xl: 2rem;--padding-2xl: 3rem;--margin-sm: .5rem;--margin-md: 1rem;--margin-lg: 1.5rem;--margin-xl: 2rem;--margin-2xl: 3rem;--gutter-sm: .5rem;--gutter-md: 1rem;--gutter-lg: 1.5rem;--gutter-xl: 2rem;--gutter-2xl: 3rem;--font-size-sm: .77rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--border-radius-sm: .2rem;--border-radius-md: .25rem;--border-radius-lg: .3rem;--border-radius-xl: .4rem;--border-radius-2xl: .5rem}.errorMessage{font-size:var(--font-size-md);color:var(--text-error-color)}.left{width:80%;flex-grow:2}.top_left{width:100%}.left_top>[aria-label=Reset]{background-color:var(--bg-danger-color);color:var(--text-primary-color)}.left_top>[aria-label="Download Image"]{background-color:var(--bg-sucess-color);color:var(--text-primary-color)}.left_bottom{position:relative;padding:var(--margin-lg);display:flex;justify-content:center;align-items:center;width:100%;height:80%;aspect-ratio:6/4;background-color:var(--bg-secondary-color)}.left_bottom .image-preview{display:flex;flex-direction:column;justify-content:center;align-items:center}.left_bottom .image-preview i{display:flex;justify-content:center;align-items:center;height:250px;color:var(--text-secondary-color);font-size:300px}.left_bottom .image-preview p{font-size:var(--font-size-md);font-weight:400}.left_bottom_image_errorMessage{position:absolute;top:0;right:20px}.right{flex-grow:1;background-color:var(--bg-secondary-color);border-radius:var(--border-radius-xl);padding:var(--padding-xl) var(--padding-md)}.right .filters{display:flex;flex-direction:column;gap:var(--margin-lg)}.right .filters .filter{height:2rem}.right .filters .filter .progress-counter{display:flex;justify-content:space-between}.right #image-presets{margin-top:var(--margin-xl)}.right .presets-buttons{display:flex;flex-wrap:wrap;gap:var(--gutter-sm)}#image-canvas{max-height:100%;max-width:100%}