:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;background-color:#008f2f;position:relative;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{position:relative;display:flex;justify-content:center;align-items:center;flex-direction:column;height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{position:relative;margin:0;display:flex;justify-content:center;align-items:center;flex-direction:column}main{margin:0;place-items:center;max-width:540px;width:100%;height:100vh;display:flex;justify-content:center;position:relative;flex-direction:column}h1{font-size:3.2em;line-height:1.1}footer{position:relative;width:100%;display:flex;justify-content:center;align-items:center}button{border-radius:8px;border:1px solid transparent;padding:.75em 1.2em;font-size:1em;width:60%;font-weight:500;font-family:inherit;background-color:#1b09cc;display:flex;align-items:center;justify-content:center;gap:.5em;transition:background-color .25s;color:#fff;cursor:pointer}button:hover{background-color:#210ddc}.container-1{display:flex;flex-direction:column;align-items:center;gap:1em;border-radius:1rem;padding:1.5rem;max-width:540px;box-sizing:border-box;position:relative}.container-1 header img{width:100%;max-width:520px;border-radius:.5rem}header{position:relative;width:100%;display:flex;justify-content:center;align-items:center;box-sizing:border-box}.photos{display:flex;gap:1em;flex-wrap:wrap;justify-content:center;position:absolute;width:100%;height:100%;top:0;left:0}.overlay-photo{z-index:1}.container-2{display:flex;flex-direction:column;align-items:center;gap:1em;border-radius:1rem;padding:1.5rem;max-width:540px;box-sizing:border-box;position:relative}.container-2 h5{font-size:10px;font-weight:500;color:#ffffff80;text-align:center;max-width:400px}.sucess{text-align:center;color:#fff}.result{display:flex;flex-direction:column;align-items:center;gap:1em;width:100%;position:relative}.result p{color:#fff;font-size:11px}.result p span{color:#fff;font-weight:700;cursor:pointer;text-decoration:underline}.finish-btn{animation:2s ease 0s infinite normal none running pulseAnimationCss}@keyframes pulseAnimationCss{0%{box-shadow:#ffffff30 0 0}50%{box-shadow:#ffffff50 0 0 0 8px}to{box-shadow:#ffffff50 0 0}}.app1{position:absolute;top:0;left:0;right:0;bottom:0}.crop-container{position:absolute;top:0;left:0;right:0;bottom:80px;z-index:9}.controls{position:absolute;bottom:20px;left:50%;width:50%;transform:translate(-50%);height:40px;display:flex;align-items:center}.slider{padding:22px 0}.zoom-range{-webkit-appearance:none;-moz-appearance:none;height:2px;background:#210ddc;width:100%}.zoom-range::-moz-range-thumb{-webkit-appearance:none;-moz-appearance:none;border:1px solid #210ddc;background:#210ddc;border-radius:50%;width:12px;height:12px;transition:box-shadow .15s cubic-bezier(.4,0,.2,1) 0ms}.zoom-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;border:1px solid #210ddc;background:#210ddc;border-radius:50%;width:12px;height:12px;transition:box-shadow .15s cubic-bezier(.4,0,.2,1) 0ms}.controls:hover input[type=range]::-webkit-slider-thumb{box-shadow:0 0 0 8px #3f51b529;border-radius:50%}.controls:hover input[type=range]::-moz-range-thumb{box-shadow:0 0 0 8px #3f51b529}@media (max-width: 600px){button{width:100%;font-size:14px}}.modal-backdrop{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:1000;z-index:9999}.modal-content{border-radius:8px;max-width:90%;width:400px;z-index:1001}.crop-container{position:relative;width:100%;height:400px}.controls{margin-top:10px}.zoom-range{width:100%}.modal-actions{display:flex;justify-content:center;margin-top:15px;width:100%!important}.modal-actions button{width:100%}