* {padding: 0%;margin: 0%;font-family: sans-serif;}body {background-image: linear-gradient(180deg, rgb(26,90,193) , rgb(46, 47, 87));display: flex;justify-content: center;}.container {background: #ffffff1a;backdrop-filter: blur(20px);border: 2px solid #ffffff30;box-shadow: 0 0 30px #0000002a;width: 80vw;padding: 20px;border-radius: 10px;display: grid;grid-template-columns: 5fr 3fr;margin: 30px 0px;}.img {display: flex;flex-direction: column;gap: 50px;justify-content: center;align-items: center;}.img img,canvas {max-width: 45vw;max-height: 60vh;}.upload input {display: none;}.upload label {color: #fff;border: 2px #fff solid;padding: 8px 20px;cursor: pointer;border-radius: 3px;}#download {color: #fff;padding: 8px 20px;cursor: pointer;}.filters ul {display: flex;flex-direction: column;gap: 30px;direction: rtl;}.filters ul li {display: flex;flex-direction: column;gap: 20px;}.filters ul li label {color: #fff;font-weight: bold;}.filters ul li:last-child {flex-direction: row;justify-content: space-around }.filters ul li a, span {background: #ffffff1a;backdrop-filter: blur(20px);border: 2px solid #ffffff30;box-shadow: 0 0 30px #0000002a;color:#fff;padding: 8px 20px;cursor: pointer;border-radius: 3px;width: 70px;text-align: center;font-weight: bold;}.range{cursor: pointer;}@media screen and (max-width:650px) {.container {grid-template-columns: 1fr;gap: 50px;}.upload{margin-top: 30px;}}