:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--jd_2: #f96178;--jd_3: #38469f}.animated-gradient{width:100%;height:100vh;background:linear-gradient(45deg,var(--jd_2),var(--jd_3));background-size:200% 200%;animation:gradientAnimation 5s ease infinite}@keyframes gradientAnimation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;-webkit-overflow-scrolling:touch}canvas{border-radius:10px;height:90vh;width:50.625vh}#root{margin:0 auto;text-align:center}#controls{border-radius:10px;width:50.625vh;height:100%;z-index:99;position:absolute;margin-bottom:0;align-content:end;padding-bottom:5vh;inset-area:center;margin-left:50%;transform:translate(-50%)}#image-preview{border-radius:10px;width:50.625vh;height:95vh;position:absolute;margin-bottom:0;align-content:end;padding-bottom:5vh;margin-left:50%;transform:translate(-50%);z-index:199;top:4.7vh;display:none}#image-preview-image{width:100%;height:100%;border-radius:10px}.btn-camera-dir{position:absolute;top:5.5vh;right:2%;width:5vw;height:5vw}.btn-camera-dir i{width:100%;height:100%;font-size:2.4em;color:#fff}#btn-record{position:absolute;bottom:8vh;left:50%;transform:translate(-50%);width:5vw;height:5vw;border-radius:50%;background:transparent;border:4px solid #fff;cursor:pointer;z-index:12}#btn-record:hover{position:absolute;border-radius:50%;background:transparent;border:8px solid #b6b6b6;cursor:pointer;z-index:12}#btn-download{position:absolute;bottom:15vh;left:50%;width:52%;transform:translate(-50%)}#btn-exit{position:absolute;left:5%;transform:translate(-50%);width:3vw;height:3vw;font-size:3rem;color:#fff;z-index:199}#btn-share{position:absolute;bottom:7vh;left:50%;transform:translate(-50%);width:40%;font-size:2em;display:none}.btn-primary{background:linear-gradient(45deg,var(--jd_2),var(--jd_3));border:none;color:#fff;box-shadow:0 4px 8px #0003;transition:box-shadow .3s ease;font-family:Avenir,Helvetica Neue,sans-serif}.btn-primary:hover{background:linear-gradient(45deg,var(--jd_2),var(--jd_3));border:none}.btn-link{color:#fff;text-decoration:none;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.3);transition:color .3s ease,text-shadow .3s ease}.btn-link:hover{color:#fff;text-shadow:2px 2px 6px rgba(0,0,0,.5)}#accept-window{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;aspect-ratio:1 / 1;z-index:9000;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:15px;box-shadow:0 0 10px #0000001a;padding:2%;gap:8%;max-width:350px;max-height:350px}#accept-window p{margin:0;text-align:center}#accept-window-text{width:100%;font-family:Avenir,Helvetica Neue,sans-serif}#accept-button{height:16%;width:43%}#btn-share-instagram{bottom:5vh;position:absolute;left:50%}@media screen and (max-width: 767px){canvas{width:100vw;height:100vh;max-width:none;max-height:none;border-radius:0!important}#btn-share-instagram{bottom:28vh;z-index:13}#btn-record{position:absolute;bottom:10vh;left:50%;transform:translate(-50%);width:12vh;height:12vh;border-radius:50%;background:transparent;border:4px solid #fff;cursor:pointer;z-index:12}#btn-record:hover{position:absolute;border-radius:50%;background:transparent;border:8px solid #b6b6b6;cursor:pointer;z-index:12}#btn-share{position:absolute;bottom:10vh;left:50%;transform:translate(-50%);width:40%;font-size:2em;display:none}#btn-download{position:absolute;bottom:20vh;left:50%;width:52%;transform:translate(-50%)}.btn-camera-dir{position:absolute;top:1vh;right:12%;width:5vw;height:5vw}#controls{border-radius:10px;height:100%;z-index:99;position:absolute;margin-bottom:0;align-content:end;padding-bottom:5vh;inset-area:center;width:100%}html{overflow:hidden}#image-preview{height:100vh!important;width:100vw;top:0;bottom:0;padding-bottom:0!important}#snap-attr{filter:none!important;position:absolute;left:2%!important;width:30%;color:#fff;padding-bottom:1vh;bottom:10vh!important}#accept-window{display:flex;flex-direction:column;align-items:center;justify-content:center;width:80%;aspect-ratio:1 / 1;z-index:9000;background-color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:15px;box-shadow:0 0 10px #0000001a;padding:5%;gap:8%}#accept-window p{margin:0;text-align:center}#accept-window-text{width:100%;font-family:Avenir,Helvetica Neue,sans-serif}#accept-button{height:16%;width:43%}}#snap-attr{filter:invert(1);position:absolute;bottom:0;left:0;width:30%;color:#fff;padding-bottom:1vh}