*{padding:0;margin:0;color:#fff;box-sizing:border-box;font-family:system-ui;scroll-behavior:smooth}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#3f3f3f}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:linear-gradient(#0057de,#00a5ff);box-shadow:0 0 20px #00adff}body{min-height:100vh;background:radial-gradient(#10003b,#00000f);display:grid;grid-template-columns:400px 1fr;height:100%}textarea{background:#33333354;padding:10px;border-radius:5px;font-size:16px;width:100%;border:1px solid #888;transition:.5s all ease-in-out;flex-grow:1}input{border-radius:0;background:rgb(34 34 34 / 34%);border:1px solid #c1ae00;font-size:16px;line-height:24px;padding:7px 8px;box-shadow:5px 0 0 #c1ae00;transition:.5s all ease-in-out}input:focus{border-color:#09bc09!important;box-shadow:5px -5px 0 #09bc09!important;outline:0;border-radius:5px!important}#textarea-wr{display:flex;flex-direction:column;gap:20px;width:100%;flex-grow:1}.row{display:flex;gap:15px;margin-bottom:15px;flex-direction:column}#rectH{box-shadow:5px 0 0 #ff6000;border-color:#ff6000}#xor{box-shadow:5px 0 0 #941aff;border-color:#941aff}#password{box-shadow:5px 0 0 #0e53c8;border-color:#0e53c8;width:130px}textarea:focus{outline:0;border-color:#bbb;box-shadow:10px 10px 30px #000}#bottom{width:100%}#decode-txt,#encode-txt{background:linear-gradient(to left,#7953cd 20%,#00affa 30%,#0190cd 70%,#764ada 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;background-size:500% auto;animation:textShine 5s ease-in-out infinite alternate;font-size:50px;text-transform:uppercase;font-weight:700}#decode-txt{background:linear-gradient(to left,#cd5a53 20%,#fabd00 30%,#cd8401 70%,#cd5a53 80%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-fill-color:transparent;animation:textShine 5s ease-in-out infinite alternate}@keyframes textShine{0%{background-position:0 50%}100%{background-position:100% 50%}}.message{text-align:center;margin:10px 0}.half{width:100%;display:flex;justify-content:space-around;align-items:center;flex-grow:1;height:100%;position:relative;gap:20px}#top{width:100%;flex-grow:1;display:flex;flex-direction:column;justify-content:center;align-items:center}#initial-ui{width:100%;height:100%;display:flex;height:100%;flex-grow:1;flex-direction:column;gap:20px}.half>div{text-align:center;width:100%;height:100%;flex-grow:1;position:relative;display:flex;justify-content:center;align-items:center;transition:.5s all ease-in-out;border:5px dashed transparent;border-radius:10px;cursor:pointer}html{height:100%}#decode-wr.dragging,#decode-wr:hover,#encode-wr.dragging,#encode-wr:hover{background:#3333335c;border:5px dashed #626262}h1{text-align:center}li{line-height:2}.dragging #initial-ui{display:flex}label{text-align:center;cursor:pointer}input[type=checkbox]{display:none}.toggle{position:relative;overflow:hidden;height:40px;padding:0 10px;text-align:center;line-height:40px;transition:.5s all ease-in-out;z-index:0;border-radius:5px;background:#2e2e2e85;flex-grow:1}.toggle:after{content:'';background:linear-gradient(135deg,#0071ff,#9600ff);position:absolute;top:0;left:100%;width:100%;height:100%;z-index:-1;transition:.5s all ease-in-out}.toggle:hover{background:#3333338a}.toggle:hover:after{transform:translateX(-5px)}input:checked+.toggle:after{transform:translateX(-100%)}input[type=number]{width:50px}#canvas-wr{position:relative;display:flex;justify-content:center;align-items:center}#media-ui{position:relative;height:100%;justify-content:center;align-items:center;flex-direction:column;gap:20px}#encoded-copy{filter:blur(50px);position:absolute;top:0;left:0;z-index:-1}.snackbar{visibility:hidden;min-width:250px;max-width:400px;background:linear-gradient(0deg,#000,#262626);color:#fff;text-align:center;border-radius:2px;padding:16px;position:fixed;z-index:1;right:20px;top:20px;border-bottom:8px solid #fff;display:flex;flex-direction:column;gap:10px;border-radius:5px;transform:translateX(350px);filter:blur(100px);opacity:0;transition:1s all ease-in-out}.snackbar[type=success]{border-color:#009b00;box-shadow:0 15px 50px green}.snackbar[type=fail]{border-color:#fc1800;box-shadow:0 15px 50px #fc18007d}.snackbar.show{visibility:visible;filter:blur(0);opacity:1;transform:translateX(0)}.en-stat{display:grid;grid-template-columns:150px 1fr;min-width:300px}#dl-ops{position:fixed;text-align:center;bottom:20px;display:flex;gap:10px;transition:.5s all ease-in-out;align-items:center;right:15px;flex-direction:column}#dl-ops p{transform:translateX(300px);padding:10px;background:linear-gradient(45deg,#005d03,#2ddb00);border-radius:5px;cursor:pointer;background-size:150%;min-width:100px;width:100%}#dl:hover{background-size:100%;box-shadow:0 0 50px #39b000cf}#dl-file{background:linear-gradient(45deg,#00185d,#005edb)!important}#dl-file:hover{background-size:100%;box-shadow:0 0 50px #0064e7e6}#clear{background:linear-gradient(45deg,#5d0000,#db4b00)!important}#clear:hover{background-size:100%;box-shadow:0 0 50px #e72b00cc}#left{display:flex;flex-direction:column;padding:20px 10px 20px 20px;max-height:100vh}#right{position:relative;padding:20px 20px 20px 10px;overflow:auto}#dl-ops.show p{opacity:1;transform:translate(0)}#dl{transition:.5s all ease-in-out;border:2px solid #00a500;box-shadow:0 10px 10px #00b8148f}#dl-file{transition:.5s .25s all ease-in-out;border:2px solid #0090dc;box-shadow:0 10px 10px #0049b88f}#clear{transition:.5s .5s all ease-in-out;border:2px solid #b30000;box-shadow:0 10px 10px #b8000078}.inner-row{display:flex;align-items:center;gap:10px;width:100%}.inner-row input{flex-grow:1}.grid-two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.row-ver{max-height:300px;overflow-y:auto}ul{padding-left:20px}.logo{display:flex;gap:10px;text-decoration:none;font-size:30px;line-height:40px;position:relative;text-align:center;justify-content:center}.logo p{background:linear-gradient(45deg,#0181bf,#00abff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 3px #1d869e}.logo:hover{animation:hue-anim 5s linear infinite}.logo p:last-child{background:linear-gradient(45deg,#d3d3d3,#e0e0e0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 3px #b0b0b0}@keyframes hue-anim{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}li b{color:#00be16}