.croppie-container{width:100%;height:100%}.croppie-container .cr-image{z-index:-1;transform-origin:0 0;max-width:none;max-height:none;position:absolute;top:0;left:0}.croppie-container .cr-boundary{z-index:1;width:100%;height:100%;margin:0 auto;position:relative;overflow:hidden}.croppie-container .cr-viewport,.croppie-container .cr-resizer{z-index:0;border:2px solid #fff;margin:auto;position:absolute;inset:0;box-shadow:0 0 2000px 2000px #00000080}.croppie-container .cr-resizer{z-index:2;box-shadow:none;pointer-events:none}.croppie-container .cr-resizer-vertical,.croppie-container .cr-resizer-horisontal{pointer-events:all;position:absolute}.croppie-container .cr-resizer-vertical:after,.croppie-container .cr-resizer-horisontal:after{box-sizing:border-box;content:"";background:#fff;border:1px solid #000;width:10px;height:10px;display:block;position:absolute}.croppie-container .cr-resizer-vertical{cursor:row-resize;width:100%;height:10px;bottom:-5px}.croppie-container .cr-resizer-vertical:after{margin-left:-5px;left:50%}.croppie-container .cr-resizer-horisontal{cursor:col-resize;width:10px;height:100%;right:-5px}.croppie-container .cr-resizer-horisontal:after{margin-top:-5px;top:50%}.croppie-container .cr-original-image{display:none}.croppie-container .cr-vp-circle{border-radius:50%}.croppie-container .cr-overlay{z-index:1;cursor:move;touch-action:none;position:absolute}.croppie-container .cr-slider-wrap{text-align:center;width:75%;margin:15px auto}.croppie-result{position:relative;overflow:hidden}.croppie-result img{position:absolute}.croppie-container .cr-image,.croppie-container .cr-overlay,.croppie-container .cr-viewport{transform:translateZ(0)}.cr-slider{-webkit-appearance:none;background-color:#0000;width:300px;max-width:100%;padding-top:8px;padding-bottom:8px}.cr-slider::-webkit-slider-runnable-track{background:#00000080;border:0;border-radius:3px;width:100%;height:3px}.cr-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#ddd;border:none;border-radius:50%;width:16px;height:16px;margin-top:-6px}.cr-slider:focus{outline:none}.cr-slider::-moz-range-track{background:#00000080;border:0;border-radius:3px;width:100%;height:3px}.cr-slider::-moz-range-thumb{background:#ddd;border:none;border-radius:50%;width:16px;height:16px;margin-top:-6px}.cr-slider:-moz-focusring{outline-offset:-1px;outline:1px solid #fff}.cr-slider::-ms-track{color:#0000;background:0 0;border-width:6px 0;border-color:#0000;width:100%;height:5px}.cr-slider::-ms-fill-lower{background:#00000080;border-radius:10px}.cr-slider::-ms-fill-upper{background:#00000080;border-radius:10px}.cr-slider::-ms-thumb{background:#ddd;border:none;border-radius:50%;width:16px;height:16px;margin-top:1px}.cr-slider:focus::-ms-fill-lower{background:#00000080}.cr-slider:focus::-ms-fill-upper{background:#00000080}.cr-rotate-controls{z-index:1;position:absolute;bottom:5px;left:5px}.cr-rotate-controls button{background:0 0;border:0}.cr-rotate-controls i:before{font-size:22px;font-style:normal;font-weight:900;display:inline-block}.cr-rotate-l i:before{content:"↺"}.cr-rotate-r i:before{content:"↻"}*{box-sizing:border-box;margin:0;padding:0}body{color:#212529;background:#fff;font-family:Poppins,sans-serif;font-size:16px}.header{border-bottom:1px solid #eee;padding:16px 0}.container{max-width:480px;margin:0 auto;padding:0 16px}.header .logo{height:40px}.preview-section{margin-top:16px}.preview-label{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:12px;font-weight:600}.preview-frame{border-radius:12px;overflow:hidden;box-shadow:0 2px 16px #00000014}.preview-wrapper{overflow:hidden}.preview-scaler{transform-origin:0 0}.render-target{font-family:Poppins,sans-serif;position:relative;overflow:hidden}.render-target .poster-bg{width:100%;display:block}.render-target .profile-photo{position:absolute}.render-target .text-overlay{white-space:nowrap;font-family:Poppins,sans-serif;position:absolute}.form-section{margin-top:20px;padding-bottom:90px}.form-label{color:#999;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600}.field+.field{margin-top:14px}.field label{color:#333;margin-bottom:4px;font-size:14px;font-weight:600;display:block}.field input[type=text]{background:#fafbfc;border:2px solid #e5e7eb;border-radius:10px;outline:none;width:100%;padding:12px 14px;font-family:Poppins,sans-serif;font-size:15px;transition:all .2s}.field input[type=text]::placeholder{color:#ccc}.field input[type=text]:focus{background:#fff;border-color:#415fff;box-shadow:0 0 0 3px #415fff1a}.field .hint{color:#bbb;margin-top:3px;font-size:11px}.photo-row{align-items:center;gap:12px;margin-top:6px;display:flex}.photo-btn{color:#fff;cursor:pointer;background:#415fff;border:none;border-radius:10px;padding:10px 24px;font-family:Poppins,sans-serif;font-size:14px;font-weight:600}.photo-btn:hover{background:#2a40cc}.photo-thumb{object-fit:cover;border:2px solid #415fff;border-radius:50%;width:48px;height:48px}.dl-bar{z-index:100;background:#fff;padding:12px 16px;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -2px 16px #00000014}.dl-bar button{color:#fff;cursor:pointer;background:#415fff;border:none;border-radius:12px;width:100%;max-width:480px;margin:0 auto;padding:14px;font-family:Poppins,sans-serif;font-size:16px;font-weight:700;display:block}.dl-bar button:hover{background:#2a40cc}.dl-bar button:disabled{cursor:wait;background:#a0b0ff}.modal-bg{z-index:1040;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000080;position:fixed;inset:0}.modal-box{z-index:1050;background:#fff;border-radius:20px;width:92%;max-width:400px;padding:24px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 20px 50px #00000040}.modal-box h5{margin-bottom:14px;font-size:17px;font-weight:700}.modal-btns{gap:10px;margin-top:14px;display:flex}.modal-btns button{cursor:pointer;border:none;border-radius:10px;flex:1;padding:12px;font-family:Poppins,sans-serif;font-size:15px;font-weight:600}.btn-crop{color:#fff;background:#415fff}.btn-cancel{color:#666;background:#f0f2f5}