.photo-rules[data-v-7f9e8296]{position:relative;padding:1rem;z-index:1}.photo-rules .rules-title[data-v-7f9e8296]{font-size:1rem;font-weight:500;color:#fff;margin-bottom:.75rem}.photo-rules .rules-grid[data-v-7f9e8296]{display:flex;gap:.625rem}.photo-rules .rule-item[data-v-7f9e8296]{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.photo-rules .rule-item .rule-icon[data-v-7f9e8296]{width:.75rem;height:.75rem}.photo-rules .rule-item .rule-icon.valid[data-v-7f9e8296]{color:#52c41a}.photo-rules .rule-item .rule-icon.error[data-v-7f9e8296]{color:#ff4d4f}.photo-rules .rule-item .rule-example[data-v-7f9e8296]{width:6.875rem;border-radius:.625rem;overflow:hidden;background:#1a1a1a}.photo-rules .rule-item .rule-example .example-img[data-v-7f9e8296]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.photo-rules .rule-item .rule-label[data-v-7f9e8296]{font-size:.75rem;color:hsla(0,0%,100%,.6)}.face-img-create-page[data-v-4dd4a1b9]{min-height:100vh;background:#000;padding-bottom:1.875rem;box-sizing:border-box}.face-img-create-page .nav-bar[data-v-4dd4a1b9]{line-height:1;position:relative;display:flex;justify-content:space-between;align-items:center;height:2.75rem;padding:0 1rem;z-index:10}.face-img-create-page .nav-bar .nav-back[data-v-4dd4a1b9]{width:1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center}.face-img-create-page .nav-bar .nav-back .back-icon[data-v-4dd4a1b9]{width:1.5rem;height:1.5rem}.face-img-create-page .nav-bar .nav-title[data-v-4dd4a1b9]{position:absolute;left:50%;transform:translateX(-50%);font-size:1.125rem;font-weight:500;color:#f8f8f8}.face-img-create-page .nav-bar .nav-placeholder[data-v-4dd4a1b9]{width:1.5rem}.face-img-create-page .preview-section[data-v-4dd4a1b9]{position:relative;padding:0 1rem;z-index:1}.face-img-create-page .preview-section .preview-image[data-v-4dd4a1b9]{height:12.5rem;border-radius:.75rem;overflow:hidden;position:relative;background:#000}.face-img-create-page .preview-section .preview-image .template-img[data-v-4dd4a1b9]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.face-img-create-page .preview-section .preview-image .preview-placeholder[data-v-4dd4a1b9]{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.face-img-create-page .preview-section .preview-image .preview-placeholder .placeholder-img[data-v-4dd4a1b9]{width:3rem;height:3rem}.face-img-create-page .preview-section .preview-image .play-btn[data-v-4dd4a1b9]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:3rem;height:3rem;border-radius:50%;background:rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center}.face-img-create-page .preview-section .preview-image .play-btn .play-icon[data-v-4dd4a1b9]{width:1.875rem;height:2rem}.face-img-create-page .preview-section .template-badge[data-v-4dd4a1b9]{position:absolute;bottom:.5rem;left:.75rem;height:2.25rem;padding:0 .75rem;background:rgba(0,0,0,.7);border-radius:0 .625rem .625rem 0;display:flex;align-items:center}.face-img-create-page .preview-section .template-badge span[data-v-4dd4a1b9]{font-size:.875rem;font-weight:500;color:#fff}.face-img-create-page .upload-section[data-v-4dd4a1b9]{position:relative;padding:0 1rem;z-index:1;margin-top:.75rem}.face-img-create-page .upload-section .section-label[data-v-4dd4a1b9]{font-size:1rem;font-weight:500;color:#fff;margin:1rem 0}.face-img-create-page .upload-section[data-v-4dd4a1b9] .upload-area{height:9.25rem;border-radius:.625rem}.face-img-create-page .rules-section[data-v-4dd4a1b9]{position:relative;padding:1rem;z-index:1}.face-img-create-page .rules-section .rules-title[data-v-4dd4a1b9]{font-size:1rem;font-weight:500;color:#fff;margin-bottom:1rem}.face-img-create-page .rules-section .rules-grid[data-v-4dd4a1b9]{display:flex;gap:1rem}.face-img-create-page .rules-section .rule-item[data-v-4dd4a1b9]{flex:1;display:flex;flex-direction:column;align-items:center;gap:.5rem}.face-img-create-page .rules-section .rule-item .rule-icon[data-v-4dd4a1b9]{width:.75rem;height:.75rem}.face-img-create-page .rules-section .rule-item .rule-icon.valid[data-v-4dd4a1b9]{color:#52c41a}.face-img-create-page .rules-section .rule-item .rule-icon.error[data-v-4dd4a1b9]{color:#ff4d4f}.face-img-create-page .rules-section .rule-item .rule-example[data-v-4dd4a1b9]{width:7.5rem;border-radius:.625rem;overflow:hidden;background:#1a1a1a}.face-img-create-page .rules-section .rule-item .rule-example .example-img[data-v-4dd4a1b9]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.face-img-create-page .rules-section .rule-item .rule-label[data-v-4dd4a1b9]{font-size:.75rem;color:#d5d5d5}.face-img-create-page .bottom-bar[data-v-4dd4a1b9]{position:fixed;bottom:0;left:0;right:0;height:7.625rem;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding-bottom:2.125rem}.face-img-create-page .bottom-bar .submit-btn[data-v-4dd4a1b9]{width:21.4375rem;height:3rem;border-radius:3rem;background:#ff6969;display:flex;align-items:center;justify-content:center}.face-img-create-page .bottom-bar .submit-btn span[data-v-4dd4a1b9]{font-size:1rem;font-weight:500;color:#f6f6f6}.face-img-create-page .bottom-bar .submit-btn[data-v-4dd4a1b9]:not(.active){opacity:.5}.face-img-create-page .video-preview-overlay[data-v-4dd4a1b9]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.9);z-index:9999;display:flex;align-items:center;justify-content:center}.face-img-create-page .video-wrapper[data-v-4dd4a1b9]{width:100%;display:flex;align-items:center;justify-content:center}.face-img-create-page .preview-video[data-v-4dd4a1b9]{max-width:90vw;max-height:80vh;border-radius:.75rem}