.avatar-cropper[data-v-884bea3e]{width:100%}.avatar-cropper__container[data-v-884bea3e]{position:relative;width:100%;padding-bottom:100%}.avatar-cropper__area[data-v-884bea3e]{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;cursor:move;touch-action:none}.avatar-cropper__image[data-v-884bea3e]{position:absolute;top:0;left:0;-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none}.avatar-cropper__overlay[data-v-884bea3e]{position:absolute;inset:0;pointer-events:none}.avatar-cropper__grid[data-v-884bea3e]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.avatar-cropper__circle[data-v-884bea3e]{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}*,*:after,*:before{box-sizing:border-box}:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0}.app{min-height:100vh;padding:20px;max-width:100%}.title{text-align:center;margin-bottom:8px;color:#42b883}.subtitle{text-align:center;margin-top:0;margin-bottom:20px}.subtitle a{color:#646cff;text-decoration:none;font-size:14px;transition:color .3s}.subtitle a:hover{color:#535bf2}.controls{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap;justify-content:center;align-items:center;padding:0 10px}.button{padding:10px 16px;background:#646cff;color:#fff;border:none;border-radius:5px;cursor:pointer;font-size:14px;transition:background .3s;white-space:nowrap}.button:hover{background:#535bf2}.button:active{transform:scale(.98)}.button--success{background:#42b883}.button--success:hover{background:#33a372}.checkbox{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-size:14px;white-space:nowrap}.checkbox input[type=checkbox]{cursor:pointer}.cropper{max-width:600px;width:100%;margin:0 auto}@media(max-width:768px){.controls{gap:6px}.button{padding:8px 12px;font-size:13px}.checkbox{font-size:13px}.cropper{max-width:100%}}@media(max-width:480px){.title{font-size:24px}.controls{gap:5px}.button{padding:6px 10px;font-size:12px}.checkbox{font-size:12px;width:100%;justify-content:center}}.modal-overlay{position:fixed;inset:0;background:#000c;display:flex;justify-content:center;align-items:center;z-index:1000;padding:20px}.modal-content{background:#fff;border-radius:12px;padding:30px;max-width:600px;width:100%;position:relative;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:10px;right:15px;background:none;border:none;font-size:32px;cursor:pointer;color:#666;line-height:1;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .3s}.modal-close:hover{color:#333}.modal-title{margin:0 0 20px;color:#333;text-align:center}.modal-image{width:100%;height:auto;border-radius:8px;margin-bottom:20px;display:block}.modal-actions{display:flex;gap:10px;justify-content:center}@media(max-width:480px){.modal-content{padding:20px}.modal-title{font-size:20px}.modal-actions{flex-direction:column}.modal-actions .button{width:100%}}