.qr-type-container,.qr-type-preview-container{display:flex;justify-content:center}.qr-type-preview-container{width:100%;height:100%;align-items:center}.qr-type-form-container{max-width:800px;width:100%;padding:4px 16px 16px;margin:0 auto}.qr-type-form{background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:16px;width:100%;min-height:auto;display:flex;flex-direction:column;gap:16px}.qr-type-form .ant-form-item-label{font-weight:500;color:#333;margin-bottom:8px}.qr-type-collapse{background:#fff;border:1px solid #e8e8e8;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.qr-type-collapse .ant-collapse-item{border:none}.qr-type-collapse .ant-collapse-item .ant-collapse-header{padding:0;border:none}.qr-type-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:16px;color:#666}.qr-type-collapse .ant-collapse-item .ant-collapse-content{border:none}.qr-type-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{padding:0}.qr-type-collapse.ant-collapse-borderless{background:rgba(0,0,0,0)}.personal-information-form-section,.qr-type-form-section{padding:16px;background-color:#fafafa;border-radius:12px;border:1px solid #f0f0f0}.personal-information-form-section .section-header,.qr-type-form-section .section-header{display:flex;align-items:flex-start;margin-bottom:16px;cursor:pointer}.personal-information-form-section .section-header .section-icon,.qr-type-form-section .section-header .section-icon{width:40px;height:40px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#3253fa;margin-right:16px;flex-shrink:0}.personal-information-form-section .section-header .section-content,.qr-type-form-section .section-header .section-content{flex:1 1}.personal-information-form-section .section-header .section-content .section-title,.qr-type-form-section .section-header .section-content .section-title{font-size:16px;font-weight:600;color:#333;margin:0 0 4px;line-height:1.4}.personal-information-form-section .section-header .section-content .section-title .required,.qr-type-form-section .section-header .section-content .section-title .required{color:#ff4d4f;margin-left:4px}.personal-information-form-section .section-header .section-content .section-description,.qr-type-form-section .section-header .section-content .section-description{font-size:14px;color:#666;margin:0;line-height:1.4}.personal-information-form-section .section-form,.qr-type-form-section .section-form{margin-left:40px}.personal-information-form-section .section-form .field-group,.qr-type-form-section .section-form .field-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.personal-information-form-section .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:14px;font-weight:500;color:#333}.personal-information-form-section .section-form .field-group .field-label .required,.qr-type-form-section .section-form .field-group .field-label .required{color:#ff4d4f;margin-left:4px}.personal-information-form-section .section-form .field-group .field-hint,.qr-type-form-section .section-form .field-group .field-hint{font-size:12px;color:#999;margin-top:4px}.personal-information-form-section .section-form .field-group .ant-input,.personal-information-form-section .section-form .field-group .ant-input-password,.personal-information-form-section .section-form .field-group .qr-input,.qr-type-form-section .section-form .field-group .ant-input,.qr-type-form-section .section-form .field-group .ant-input-password,.qr-type-form-section .section-form .field-group .qr-input{border-radius:8px;border:1px solid #d9d9d9;padding:8px 12px;font-size:14px;transition:all .2s ease}.personal-information-form-section .section-form .field-group .ant-input-password::placeholder,.personal-information-form-section .section-form .field-group .ant-input::placeholder,.personal-information-form-section .section-form .field-group .qr-input::placeholder,.qr-type-form-section .section-form .field-group .ant-input-password::placeholder,.qr-type-form-section .section-form .field-group .ant-input::placeholder,.qr-type-form-section .section-form .field-group .qr-input::placeholder{color:#bfbfbf}.personal-information-form-section .section-form .field-group .ant-input-password:focus,.personal-information-form-section .section-form .field-group .ant-input:focus,.personal-information-form-section .section-form .field-group .qr-input:focus,.qr-type-form-section .section-form .field-group .ant-input-password:focus,.qr-type-form-section .section-form .field-group .ant-input:focus,.qr-type-form-section .section-form .field-group .qr-input:focus{border-color:var(--primary-color,#3253FA);box-shadow:0 0 0 2px rgba(50,83,250,.2)}.personal-information-form-section .section-form .field-group .ant-input-password:hover,.personal-information-form-section .section-form .field-group .ant-input:hover,.personal-information-form-section .section-form .field-group .qr-input:hover,.qr-type-form-section .section-form .field-group .ant-input-password:hover,.qr-type-form-section .section-form .field-group .ant-input:hover,.qr-type-form-section .section-form .field-group .qr-input:hover{border-color:var(--primary-color,#3253FA)}.personal-information-form-section .section-form .ant-form-item,.qr-type-form-section .section-form .ant-form-item,.qr-type-form-section .section-form>.ant-form-item{margin-bottom:16px}.personal-information-form-section .section-form .ant-form-item .ant-form-item-label,.qr-type-form-section .section-form .ant-form-item .ant-form-item-label,.qr-type-form-section .section-form>.ant-form-item .ant-form-item-label{padding-bottom:4px}.personal-information-form-section .section-form .ant-form-item .ant-form-item-label label,.qr-type-form-section .section-form .ant-form-item .ant-form-item-label label,.qr-type-form-section .section-form>.ant-form-item .ant-form-item-label label{font-size:14px;font-weight:500;color:#333}.personal-information-form-section .section-form .ant-form-item .ant-form-item-label label.ant-form-item-required:before,.qr-type-form-section .section-form .ant-form-item .ant-form-item-label label.ant-form-item-required:before,.qr-type-form-section .section-form>.ant-form-item .ant-form-item-label label.ant-form-item-required:before{color:#ff4d4f}.personal-information-form-section .section-form .ant-form-item .ant-input,.personal-information-form-section .section-form .ant-form-item .ant-input-password,.qr-type-form-section .section-form .ant-form-item .ant-input,.qr-type-form-section .section-form .ant-form-item .ant-input-password,.qr-type-form-section .section-form>.ant-form-item .ant-input,.qr-type-form-section .section-form>.ant-form-item .ant-input-password{border-radius:8px;border:1px solid #d9d9d9;padding:8px 12px;font-size:14px;transition:all .2s ease}.personal-information-form-section .section-form .ant-form-item .ant-input-password::placeholder,.personal-information-form-section .section-form .ant-form-item .ant-input::placeholder,.qr-type-form-section .section-form .ant-form-item .ant-input-password::placeholder,.qr-type-form-section .section-form .ant-form-item .ant-input::placeholder,.qr-type-form-section .section-form>.ant-form-item .ant-input-password::placeholder,.qr-type-form-section .section-form>.ant-form-item .ant-input::placeholder{color:#bfbfbf}.personal-information-form-section .section-form .ant-form-item .ant-input-password:focus,.personal-information-form-section .section-form .ant-form-item .ant-input:focus,.qr-type-form-section .section-form .ant-form-item .ant-input-password:focus,.qr-type-form-section .section-form .ant-form-item .ant-input:focus,.qr-type-form-section .section-form>.ant-form-item .ant-input-password:focus,.qr-type-form-section .section-form>.ant-form-item .ant-input:focus{border-color:var(--primary-color,#3253FA);box-shadow:0 0 0 2px rgba(50,83,250,.2)}.personal-information-form-section .section-form .ant-form-item .ant-input-password:hover,.personal-information-form-section .section-form .ant-form-item .ant-input:hover,.qr-type-form-section .section-form .ant-form-item .ant-input-password:hover,.qr-type-form-section .section-form .ant-form-item .ant-input:hover,.qr-type-form-section .section-form>.ant-form-item .ant-input-password:hover,.qr-type-form-section .section-form>.ant-form-item .ant-input:hover{border-color:var(--primary-color,#3253FA)}.personal-information-form-section .section-form .ant-form-item .ant-input-password .ant-input,.qr-type-form-section .section-form .ant-form-item .ant-input-password .ant-input,.qr-type-form-section .section-form>.ant-form-item .ant-input-password .ant-input{border:none;padding:0;box-shadow:none}.personal-information-form-section .section-form .ant-form-item .ant-input-password .ant-input:focus,.qr-type-form-section .section-form .ant-form-item .ant-input-password .ant-input:focus,.qr-type-form-section .section-form>.ant-form-item .ant-input-password .ant-input:focus{border:none;box-shadow:none}.personal-information-form-section .section-form>div>.ant-form-item,.qr-type-form-section .section-form>div>.ant-form-item{margin-bottom:0}.qr-type-checkbox .ant-checkbox .ant-checkbox-inner{border-radius:4px}.qr-type-checkbox .ant-checkbox-wrapper{font-size:14px;color:#333}@media(max-width:768px){.personal-information-form-section,.qr-type-form-container,.qr-type-form-section{padding:12px}.personal-information-form-section .section-header .section-icon,.qr-type-form-section .section-header .section-icon{width:36px;height:36px;font-size:16px;margin-right:12px}.personal-information-form-section .section-header .section-content .section-title,.qr-type-form-section .section-header .section-content .section-title{font-size:15px}.personal-information-form-section .section-header .section-content .section-description,.qr-type-form-section .section-header .section-content .section-description{font-size:13px}.personal-information-form-section .section-form,.qr-type-form-section .section-form{margin-left:32px}.personal-information-form-section .section-form .field-group,.qr-type-form-section .section-form .field-group{margin-bottom:12px}.personal-information-form-section .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:13px}.personal-information-form-section .section-form .field-group .ant-input,.personal-information-form-section .section-form .field-group .ant-input-password,.personal-information-form-section .section-form .field-group .qr-input,.qr-type-form-section .section-form .field-group .ant-input,.qr-type-form-section .section-form .field-group .ant-input-password,.qr-type-form-section .section-form .field-group .qr-input{padding:6px 10px;font-size:13px}}@media(max-width:480px){.personal-information-form-section,.qr-type-form-section{padding:8px}.personal-information-form-section .section-header,.qr-type-form-section .section-header{flex-direction:column;align-items:flex-start}.personal-information-form-section .section-header .section-icon,.qr-type-form-section .section-header .section-icon{margin-right:0;margin-bottom:12px}.personal-information-form-section .section-form,.qr-type-form-section .section-form{margin-left:0}.personal-information-form-section .section-form .field-group,.qr-type-form-section .section-form .field-group{margin-bottom:10px}.personal-information-form-section .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:12px}.personal-information-form-section .section-form .field-group .ant-input,.personal-information-form-section .section-form .field-group .ant-input-password,.personal-information-form-section .section-form .field-group .qr-input,.qr-type-form-section .section-form .field-group .ant-input,.qr-type-form-section .section-form .field-group .ant-input-password,.qr-type-form-section .section-form .field-group .qr-input{padding:6px 8px;font-size:12px}.personal-information-form-section .section-form .field-group .field-hint,.qr-type-form-section .section-form .field-group .field-hint{font-size:11px}}.personal-information-form-section{margin-bottom:20px}.personal-information-form-section .section-form{margin-left:48px;display:flex;flex-direction:column;gap:20px}.personal-information-form-section .section-form .profile-image-section{display:flex;flex-direction:column;gap:12px}.personal-information-form-section .section-form .profile-image-section .image-label{font-size:14px;font-weight:600;color:#2c2c2c;margin-bottom:0;display:flex;align-items:center;gap:4px}.personal-information-form-section .section-form .profile-image-section .image-label .required{color:#ff4d4f}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area{display:flex;flex-direction:column;align-items:center;gap:16px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty{display:flex;flex-direction:column;align-items:center;gap:12px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .ant-upload-wrapper{width:140px;height:140px;border-radius:50%;overflow:hidden}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .ant-upload-wrapper .ant-upload{width:100%;height:100%;border-radius:50%}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-placeholder{width:140px;height:140px;border:2px dashed #e0e0e0;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#fafafa,#f5f5f5);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:center;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-placeholder:hover{border-color:var(--primary-color,#3253FA);background:linear-gradient(135deg,rgba(50,83,250,.08),rgba(50,83,250,.04));transform:translateY(-3px) scale(1.02);box-shadow:0 8px 16px rgba(50,83,250,.15)}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-placeholder:active{transform:translateY(-1px) scale(1)}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-placeholder .profile-upload-icon{font-size:32px;color:#bfbfbf;margin-bottom:8px;transition:all .3s ease}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-placeholder .upload-text p{margin:0 0 4px;font-size:12px;color:#666;font-weight:600;line-height:1.3}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-placeholder .upload-text span{font-size:10px;color:#999;line-height:1.2;font-weight:400}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-placeholder:hover .profile-upload-icon{color:var(--primary-color,#3253FA);transform:scale(1.1)}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-placeholder:hover .upload-text p{color:var(--primary-color,#3253FA)}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-btn{padding:10px 20px;border:1.5px solid var(--primary-color,#3253fa);background:#fff;color:var(--primary-color,#3253FA);border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);outline:none;box-shadow:0 2px 6px rgba(50,83,250,.1)}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-btn:hover{background:var(--primary-color,#3253FA);color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px rgba(50,83,250,.25)}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(50,83,250,.15)}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-image-preview{width:140px;height:140px;position:relative;border-radius:50%;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-image-preview:hover{box-shadow:0 8px 20px rgba(0,0,0,.15);transform:translateY(-2px)}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-image-preview .profile-preview-image{width:100%;height:100%;object-fit:cover;border-radius:50%}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-image-preview .profile-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-image-preview .profile-image-overlay .remove-profile-image-btn{width:40px;height:40px;border-radius:50%;background:#ff4d4f;color:#fff;border:2px solid #fff;font-size:20px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(255,77,79,.4)}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-image-preview .profile-image-overlay .remove-profile-image-btn:hover{background:#ff7875;transform:scale(1.15) rotate(90deg);box-shadow:0 6px 16px rgba(255,77,79,.5)}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-image-preview .profile-image-overlay .remove-profile-image-btn:active{transform:scale(1.05) rotate(90deg)}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-image-preview:hover .profile-image-overlay{opacity:1}.personal-information-form-section .section-form .name-fields-container{display:flex;gap:16px;width:100%}.personal-information-form-section .section-form .name-fields-container .field-group{flex:1 1}.personal-information-form-section .section-form .name-fields-container .field-group.name-field,.personal-information-form-section .section-form .name-fields-container .field-group.surname-field{display:flex;flex-direction:column;gap:8px}.personal-information-form-section .section-form .name-fields-container .field-group.name-field .field-label,.personal-information-form-section .section-form .name-fields-container .field-group.surname-field .field-label{font-size:14px;font-weight:600;color:#2c2c2c;letter-spacing:.01em}.personal-information-form-section .section-form .name-fields-container .field-group.name-field .field-label .required,.personal-information-form-section .section-form .name-fields-container .field-group.surname-field .field-label .required{color:#ff4d4f;margin-left:2px}.personal-information-form-section .section-form .name-fields-container .field-group.name-field .personal-input,.personal-information-form-section .section-form .name-fields-container .field-group.surname-field .personal-input{border-radius:10px;border:1.5px solid #e5e7eb;padding:12px 16px;font-size:14px;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.05)}.personal-information-form-section .section-form .name-fields-container .field-group.name-field .personal-input .input-icon,.personal-information-form-section .section-form .name-fields-container .field-group.surname-field .personal-input .input-icon{color:#bfbfbf;margin-right:8px;transition:color .3s ease}.personal-information-form-section .section-form .name-fields-container .field-group.name-field .personal-input::placeholder,.personal-information-form-section .section-form .name-fields-container .field-group.surname-field .personal-input::placeholder{color:#9ca3af;font-weight:400}.personal-information-form-section .section-form .name-fields-container .field-group.name-field .personal-input:hover,.personal-information-form-section .section-form .name-fields-container .field-group.surname-field .personal-input:hover{border-color:var(--primary-color,#3253FA);box-shadow:0 2px 8px rgba(50,83,250,.1)}.personal-information-form-section .section-form .name-fields-container .field-group.name-field .personal-input:focus,.personal-information-form-section .section-form .name-fields-container .field-group.surname-field .personal-input:focus{border-color:var(--primary-color,#3253FA);box-shadow:0 0 0 3px rgba(50,83,250,.1),0 2px 8px rgba(50,83,250,.15);outline:none}.personal-information-form-section .section-form .name-fields-container .field-group.name-field .personal-input:focus .input-icon,.personal-information-form-section .section-form .name-fields-container .field-group.surname-field .personal-input:focus .input-icon{color:var(--primary-color,#3253FA)}.personal-information-form-section .section-form .ant-upload-wrapper .ant-upload{display:block!important;width:100%;height:100%}@media(max-width:768px){.personal-information-form-section .section-form{margin-left:36px;gap:16px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty{gap:10px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .ant-upload-wrapper{width:120px;height:120px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-placeholder{width:120px;height:120px;padding:16px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-placeholder .profile-upload-icon{font-size:28px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-placeholder .upload-text p{font-size:11px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-placeholder .upload-text span{font-size:9px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-btn{padding:8px 16px;font-size:12px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-image-preview{width:120px;height:120px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-image-preview .profile-image-overlay .remove-profile-image-btn{width:36px;height:36px;font-size:18px}.personal-information-form-section .section-form .name-fields-container{flex-direction:column;gap:12px}.personal-information-form-section .section-form .name-fields-container .field-group .personal-input{padding:10px 14px;font-size:13px}}@media(max-width:480px){.personal-information-form-section .section-form{margin-left:0;gap:14px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty{gap:8px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .ant-upload-wrapper{width:100px;height:100px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-placeholder{width:100px;height:100px;padding:12px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-placeholder .profile-upload-icon{font-size:24px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-placeholder .upload-text p{font-size:10px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-placeholder .upload-text span{font-size:8px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-upload-area-empty .profile-upload-btn{padding:6px 12px;font-size:11px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-image-preview{width:100px;height:100px}.personal-information-form-section .section-form .profile-image-section .profile-image-upload-area .profile-image-preview .profile-image-overlay .remove-profile-image-btn{width:32px;height:32px;font-size:16px}.personal-information-form-section .section-form .name-fields-container .field-group .field-label{font-size:13px}.personal-information-form-section .section-form .name-fields-container .field-group .personal-input{padding:10px 12px;font-size:13px}}.qr-type-container,.vcard-container{display:flex;justify-content:center}.qr-type-preview-container,.vcard-preview-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.qr-type-form-container,.vcard-form-container{max-width:800px;width:100%;padding:4px 16px 16px;margin:0 auto}.qr-type-form,.vcard-form{background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:16px;width:100%;min-height:auto;display:flex;flex-direction:column;gap:16px}.qr-type-form .ant-form-item-label,.vcard-form .ant-form-item-label{font-weight:500;color:#333;margin-bottom:8px}.qr-type-collapse,.vcard-collapse{background:#fff;border:1px solid #e8e8e8;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.qr-type-collapse .ant-collapse-item,.vcard-collapse .ant-collapse-item{border:none}.qr-type-collapse .ant-collapse-item .ant-collapse-header,.vcard-collapse .ant-collapse-item .ant-collapse-header{padding:0;border:none}.qr-type-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow,.vcard-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:16px;color:#666}.qr-type-collapse .ant-collapse-item .ant-collapse-content,.vcard-collapse .ant-collapse-item .ant-collapse-content{border:none}.qr-type-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box,.vcard-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{padding:0}.ant-collapse-borderless.vcard-collapse,.qr-type-collapse.ant-collapse-borderless{background:rgba(0,0,0,0)}.qr-type-form-section,.vcard-form-section{padding:16px;background-color:#fafafa;border-radius:12px;border:1px solid #f0f0f0}.qr-type-form-section .section-header,.vcard-form-section .section-header{display:flex;align-items:flex-start;margin-bottom:16px;cursor:pointer}.qr-type-form-section .section-header .section-icon,.vcard-form-section .section-header .section-icon{width:40px;height:40px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#3253fa;margin-right:16px;flex-shrink:0}.qr-type-form-section .section-header .section-content,.vcard-form-section .section-header .section-content{flex:1 1}.qr-type-form-section .section-header .section-content .section-title,.vcard-form-section .section-header .section-content .section-title{font-size:16px;font-weight:600;color:#333;margin:0 0 4px;line-height:1.4}.qr-type-form-section .section-header .section-content .section-title .required,.vcard-form-section .section-header .section-content .section-title .required{color:#ff4d4f;margin-left:4px}.qr-type-form-section .section-header .section-content .section-description,.vcard-form-section .section-header .section-content .section-description{font-size:14px;color:#666;margin:0;line-height:1.4}.qr-type-form-section .section-form,.vcard-form-section .section-form{margin-left:40px}.qr-type-form-section .section-form .field-group,.vcard-form-section .section-form .field-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.qr-type-form-section .section-form .field-group .field-label,.vcard-form-section .section-form .field-group .field-label{font-size:14px;font-weight:500;color:#333}.qr-type-form-section .section-form .field-group .field-label .required,.vcard-form-section .section-form .field-group .field-label .required{color:#ff4d4f;margin-left:4px}.qr-type-form-section .section-form .field-group .field-hint,.vcard-form-section .section-form .field-group .field-hint{font-size:12px;color:#999;margin-top:4px}.qr-type-form-section .section-form .field-group .ant-input,.qr-type-form-section .section-form .field-group .ant-input-password,.qr-type-form-section .section-form .field-group .qr-input,.vcard-form-section .section-form .field-group .ant-input,.vcard-form-section .section-form .field-group .ant-input-password,.vcard-form-section .section-form .field-group .qr-input{border-radius:8px;border:1px solid #d9d9d9;padding:8px 12px;font-size:14px;transition:all .2s ease}.qr-type-form-section .section-form .field-group .ant-input-password::placeholder,.qr-type-form-section .section-form .field-group .ant-input::placeholder,.qr-type-form-section .section-form .field-group .qr-input::placeholder,.vcard-form-section .section-form .field-group .ant-input-password::placeholder,.vcard-form-section .section-form .field-group .ant-input::placeholder,.vcard-form-section .section-form .field-group .qr-input::placeholder{color:#bfbfbf}.qr-type-form-section .section-form .field-group .ant-input-password:focus,.qr-type-form-section .section-form .field-group .ant-input:focus,.qr-type-form-section .section-form .field-group .qr-input:focus,.vcard-form-section .section-form .field-group .ant-input-password:focus,.vcard-form-section .section-form .field-group .ant-input:focus,.vcard-form-section .section-form .field-group .qr-input:focus{border-color:var(--primary-color,#3253FA);box-shadow:0 0 0 2px rgba(50,83,250,.2)}.qr-type-form-section .section-form .field-group .ant-input-password:hover,.qr-type-form-section .section-form .field-group .ant-input:hover,.qr-type-form-section .section-form .field-group .qr-input:hover,.vcard-form-section .section-form .field-group .ant-input-password:hover,.vcard-form-section .section-form .field-group .ant-input:hover,.vcard-form-section .section-form .field-group .qr-input:hover{border-color:var(--primary-color,#3253FA)}.qr-type-form-section .section-form .ant-form-item,.qr-type-form-section .section-form>.ant-form-item,.vcard-form-section .section-form .ant-form-item{margin-bottom:16px}.qr-type-form-section .section-form .ant-form-item .ant-form-item-label,.qr-type-form-section .section-form>.ant-form-item .ant-form-item-label,.vcard-form-section .section-form .ant-form-item .ant-form-item-label{padding-bottom:4px}.qr-type-form-section .section-form .ant-form-item .ant-form-item-label label,.qr-type-form-section .section-form>.ant-form-item .ant-form-item-label label,.vcard-form-section .section-form .ant-form-item .ant-form-item-label label{font-size:14px;font-weight:500;color:#333}.qr-type-form-section .section-form .ant-form-item .ant-form-item-label label.ant-form-item-required:before,.qr-type-form-section .section-form>.ant-form-item .ant-form-item-label label.ant-form-item-required:before,.vcard-form-section .section-form .ant-form-item .ant-form-item-label label.ant-form-item-required:before{color:#ff4d4f}.qr-type-form-section .section-form .ant-form-item .ant-input,.qr-type-form-section .section-form .ant-form-item .ant-input-password,.qr-type-form-section .section-form>.ant-form-item .ant-input,.qr-type-form-section .section-form>.ant-form-item .ant-input-password,.vcard-form-section .section-form .ant-form-item .ant-input,.vcard-form-section .section-form .ant-form-item .ant-input-password{border-radius:8px;border:1px solid #d9d9d9;padding:8px 12px;font-size:14px;transition:all .2s ease}.qr-type-form-section .section-form .ant-form-item .ant-input-password::placeholder,.qr-type-form-section .section-form .ant-form-item .ant-input::placeholder,.qr-type-form-section .section-form>.ant-form-item .ant-input-password::placeholder,.qr-type-form-section .section-form>.ant-form-item .ant-input::placeholder,.vcard-form-section .section-form .ant-form-item .ant-input-password::placeholder,.vcard-form-section .section-form .ant-form-item .ant-input::placeholder{color:#bfbfbf}.qr-type-form-section .section-form .ant-form-item .ant-input-password:focus,.qr-type-form-section .section-form .ant-form-item .ant-input:focus,.qr-type-form-section .section-form>.ant-form-item .ant-input-password:focus,.qr-type-form-section .section-form>.ant-form-item .ant-input:focus,.vcard-form-section .section-form .ant-form-item .ant-input-password:focus,.vcard-form-section .section-form .ant-form-item .ant-input:focus{border-color:var(--primary-color,#3253FA);box-shadow:0 0 0 2px rgba(50,83,250,.2)}.qr-type-form-section .section-form .ant-form-item .ant-input-password:hover,.qr-type-form-section .section-form .ant-form-item .ant-input:hover,.qr-type-form-section .section-form>.ant-form-item .ant-input-password:hover,.qr-type-form-section .section-form>.ant-form-item .ant-input:hover,.vcard-form-section .section-form .ant-form-item .ant-input-password:hover,.vcard-form-section .section-form .ant-form-item .ant-input:hover{border-color:var(--primary-color,#3253FA)}.qr-type-form-section .section-form .ant-form-item .ant-input-password .ant-input,.qr-type-form-section .section-form>.ant-form-item .ant-input-password .ant-input,.vcard-form-section .section-form .ant-form-item .ant-input-password .ant-input{border:none;padding:0;box-shadow:none}.qr-type-form-section .section-form .ant-form-item .ant-input-password .ant-input:focus,.qr-type-form-section .section-form>.ant-form-item .ant-input-password .ant-input:focus,.vcard-form-section .section-form .ant-form-item .ant-input-password .ant-input:focus{border:none;box-shadow:none}.qr-type-form-section .section-form>div>.ant-form-item,.vcard-form-section .section-form>div>.ant-form-item{margin-bottom:0}.qr-type-checkbox .ant-checkbox .ant-checkbox-inner,.vcard-checkbox .ant-checkbox .ant-checkbox-inner{border-radius:4px}.qr-type-checkbox .ant-checkbox-wrapper,.vcard-checkbox .ant-checkbox-wrapper{font-size:14px;color:#333}@media(max-width:768px){.qr-type-form-container,.qr-type-form-section,.vcard-form-container,.vcard-form-section{padding:12px}.qr-type-form-section .section-header .section-icon,.vcard-form-section .section-header .section-icon{width:36px;height:36px;font-size:16px;margin-right:12px}.qr-type-form-section .section-header .section-content .section-title,.vcard-form-section .section-header .section-content .section-title{font-size:15px}.qr-type-form-section .section-header .section-content .section-description,.vcard-form-section .section-header .section-content .section-description{font-size:13px}.qr-type-form-section .section-form,.vcard-form-section .section-form{margin-left:32px}.qr-type-form-section .section-form .field-group,.vcard-form-section .section-form .field-group{margin-bottom:12px}.qr-type-form-section .section-form .field-group .field-label,.vcard-form-section .section-form .field-group .field-label{font-size:13px}.qr-type-form-section .section-form .field-group .ant-input,.qr-type-form-section .section-form .field-group .ant-input-password,.qr-type-form-section .section-form .field-group .qr-input,.vcard-form-section .section-form .field-group .ant-input,.vcard-form-section .section-form .field-group .ant-input-password,.vcard-form-section .section-form .field-group .qr-input{padding:6px 10px;font-size:13px}}@media(max-width:480px){.qr-type-form-section,.vcard-form-section{padding:8px}.qr-type-form-section .section-header,.vcard-form-section .section-header{flex-direction:column;align-items:flex-start}.qr-type-form-section .section-header .section-icon,.vcard-form-section .section-header .section-icon{margin-right:0;margin-bottom:12px}.qr-type-form-section .section-form,.vcard-form-section .section-form{margin-left:0}.qr-type-form-section .section-form .field-group,.vcard-form-section .section-form .field-group{margin-bottom:10px}.qr-type-form-section .section-form .field-group .field-label,.vcard-form-section .section-form .field-group .field-label{font-size:12px}.qr-type-form-section .section-form .field-group .ant-input,.qr-type-form-section .section-form .field-group .ant-input-password,.qr-type-form-section .section-form .field-group .qr-input,.vcard-form-section .section-form .field-group .ant-input,.vcard-form-section .section-form .field-group .ant-input-password,.vcard-form-section .section-form .field-group .qr-input{padding:6px 8px;font-size:12px}.qr-type-form-section .section-form .field-group .field-hint,.vcard-form-section .section-form .field-group .field-hint{font-size:11px}}.vcard-container{max-width:1400px;margin:0 auto;padding:0 32px;gap:40px;align-items:flex-start}.vcard-preview-container{flex:0 0 400px;position:-webkit-sticky;position:sticky;top:100px;height:-moz-fit-content;height:fit-content;z-index:100}.vcard-form-container{flex:1 1;max-width:800px;margin:0;padding:20px}.vcard-form{min-height:auto;margin-bottom:0}@media(max-width:1200px){.vcard-container{flex-direction:column;align-items:center;gap:32px;padding:0 24px}.vcard-container .vcard-preview-container{position:static;flex:0 0 auto;width:100%;max-width:400px;z-index:1}.vcard-container .vcard-form-container{width:100%;max-width:800px;padding:16px}}@media(max-width:768px){.vcard-container{padding:0 8px;gap:20px;margin-bottom:120px}.vcard-container .vcard-preview-container{margin-bottom:20px}.vcard-container .vcard-form-container{padding:8px}}@media(max-width:480px){.vcard-container{padding:0 6px;gap:16px;margin-bottom:140px}.vcard-container .vcard-preview-container{margin-bottom:16px}.vcard-container .vcard-form-container{padding:6px}}@media(max-width:320px){.vcard-container{padding:0 4px;gap:12px;margin-bottom:160px}.vcard-container .vcard-preview-container{margin-bottom:12px}.vcard-container .vcard-form-container{padding:4px}}.vcard-preview-container{width:100%;max-width:400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preview-cover{position:relative;height:180px;border-radius:16px 16px 0 0;background:var(--primary-color,#667eea);overflow:hidden}.profile-image{position:absolute;width:100px;height:100px;border-radius:50%;overflow:hidden;border:5px solid #fff;box-shadow:0 10px 40px rgba(0,0,0,.2);background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.profile-image img:hover{transform:scale(1.05)}.profile-image:empty:before{content:"👤";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;color:hsla(0,0%,100%,.8)}.vcard-preview-content{background:#fff;border-radius:0 0 20px 20px;box-shadow:0 8px 40px rgba(0,0,0,.12),0 2px 16px rgba(0,0,0,.08);padding:70px 24px 24px;position:relative;overflow:hidden}.vcard-preview-content .fullname{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;padding-bottom:16px;position:relative}.vcard-preview-content .fullname .firstName,.vcard-preview-content .fullname .lastName{font-size:24px;font-weight:800;color:#1a1a1a;letter-spacing:-.02em;text-align:center}.vcard-preview-content .address,.vcard-preview-content .company-details,.vcard-preview-content .emails,.vcard-preview-content .phones,.vcard-preview-content .social-networks,.vcard-preview-content .websites{padding:16px 0;margin-bottom:6px;position:relative}.vcard-preview-content .address:last-child,.vcard-preview-content .company-details:last-child,.vcard-preview-content .emails:last-child,.vcard-preview-content .phones:last-child,.vcard-preview-content .social-networks:last-child,.vcard-preview-content .websites:last-child{margin-bottom:0;padding-bottom:0}.vcard-preview-content .address h3,.vcard-preview-content .company-details h3,.vcard-preview-content .emails h3,.vcard-preview-content .phones h3,.vcard-preview-content .social-networks h3,.vcard-preview-content .websites h3{font-size:12px;font-weight:700;color:#4a5568;text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px;display:flex;align-items:center;gap:8px;position:relative}.vcard-preview-content .address h3:before,.vcard-preview-content .company-details h3:before,.vcard-preview-content .emails h3:before,.vcard-preview-content .phones h3:before,.vcard-preview-content .social-networks h3:before,.vcard-preview-content .websites h3:before{content:"";width:3px;height:16px;background:var(--primary-color,#667eea);border-radius:2px}.vcard-preview-content .emails .email,.vcard-preview-content .phones .phone,.vcard-preview-content .social-networks .social-network,.vcard-preview-content .websites .website{display:flex;align-items:center;gap:16px;padding:16px;margin:8px 0;background:#fff;border-radius:16px;border:1px solid #f0f0f0;transition:all .2s ease;cursor:pointer}.vcard-preview-content .emails .email:hover,.vcard-preview-content .phones .phone:hover,.vcard-preview-content .social-networks .social-network:hover,.vcard-preview-content .websites .website:hover{border-color:#e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.08)}.vcard-preview-content .emails .email .social-icon,.vcard-preview-content .phones .phone .social-icon,.vcard-preview-content .social-networks .social-network .social-icon,.vcard-preview-content .websites .website .social-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.vcard-preview-content .emails .email .anticon,.vcard-preview-content .phones .phone .anticon,.vcard-preview-content .social-networks .social-network .anticon,.vcard-preview-content .websites .website .anticon{color:#4a5568;font-size:18px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f7fafc;border-radius:8px}.vcard-preview-content .phones .phone .phone-number{font-size:16px;font-weight:500;color:#2c2c2c;text-decoration:none}.vcard-preview-content .phones .phone .phone-number:hover{color:var(--primary-color,#667eea)}.vcard-preview-content .emails .email .email-address{font-size:16px;font-weight:500;color:#2c2c2c;text-decoration:none;word-break:break-word}.vcard-preview-content .emails .email .email-address:hover{color:var(--primary-color,#667eea)}.vcard-preview-content .websites .website .website-url{font-size:16px;font-weight:500;color:var(--primary-color,#667eea);text-decoration:none;word-break:break-word}.vcard-preview-content .websites .website .website-url:hover{text-decoration:underline}.vcard-preview-content .address .address-line{display:flex;align-items:flex-start;gap:16px;padding:16px;margin:8px 0;background:#fff;border-radius:12px;border:1px solid #f0f0f0;transition:all .2s ease}.vcard-preview-content .address .address-line:hover{border-color:#e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.06)}.vcard-preview-content .address .address-line .address-line-icon .anticon{color:#4a5568;font-size:16px;margin-top:2px;padding:8px;background:#f7fafc;border-radius:6px}.vcard-preview-content .address .address-line .address-line-text{font-size:16px;color:#2d3748;line-height:1.5;font-weight:500;flex:1 1}.vcard-preview-content .address .address-line .address-line-text strong{color:#1a202c;font-weight:700}.vcard-preview-content .company-details .company-details-line{display:flex;align-items:flex-start;gap:16px;padding:16px;margin:8px 0;background:#fff;border-radius:12px;border:1px solid #f0f0f0;transition:all .2s ease}.vcard-preview-content .company-details .company-details-line:hover{border-color:#e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.06)}.vcard-preview-content .company-details .company-details-line .company-details-line-icon .anticon{color:#4a5568;font-size:16px;margin-top:2px;padding:8px;background:#f7fafc;border-radius:6px}.vcard-preview-content .company-details .company-details-line .company-details-line-text{font-size:16px;color:#2d3748;line-height:1.6;font-weight:500;flex:1 1}.vcard-preview-content .company-details .company-details-line .company-details-line-text strong{color:#1a202c;font-weight:700}.vcard-preview-content .social-networks .social-network{background:#fff;border:1px solid #f0f0f0}.vcard-preview-content .social-networks .social-network:hover{border-color:#e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.08)}.vcard-preview-content .social-networks .social-network .social-network-icon{display:flex;align-items:center;gap:16px;width:100%}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;color:#fff}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.facebook{background:#1877f2}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.twitter{background:#1da1f2}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.instagram{background:#e4405f}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.linkedin{background:#0a66c2}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.youtube{background:red}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.github{background:#333}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.tiktok{background:#000}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.whatsapp{background:#25d366}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.telegram{background:#08c}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.snapchat{background:#fffc00;color:#333}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.pinterest{background:#bd081c}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.default{background:#4a5568}.vcard-preview-content .social-networks .social-network .social-network-icon .social-network-url{font-size:16px;font-weight:600;color:var(--primary-color,#667eea);text-decoration:none;word-break:break-word;flex:1 1;transition:all .2s ease}.vcard-preview-content .social-networks .social-network .social-network-icon .social-network-url:hover{color:#764ba2;text-decoration:underline}@media(max-width:480px){.vcard-preview-content{padding:20px 16px}.vcard-preview-content .fullname{flex-direction:column;gap:4px}.vcard-preview-content .fullname .firstName,.vcard-preview-content .fullname .lastName{font-size:22px}.vcard-preview-content .address-line{padding:6px 12px}.vcard-preview-content .address-line .address-line-text{font-size:14px}.vcard-preview-content .company-details-line{padding:8px 12px}.vcard-preview-content .company-details-line .company-details-line-text{font-size:14px}}.vcard-preview-content{animation:slideInUp .6s cubic-bezier(.16,1,.3,1)}.vcard-preview-content>div{opacity:0;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}.vcard-preview-content>div:first-child{animation-delay:.1s}.vcard-preview-content>div:nth-child(2){animation-delay:.15s}.vcard-preview-content>div:nth-child(3){animation-delay:.2s}.vcard-preview-content>div:nth-child(4){animation-delay:.25s}.vcard-preview-content>div:nth-child(5){animation-delay:.3s}.vcard-preview-content>div:nth-child(6){animation-delay:.35s}.vcard-preview-content>div:nth-child(7){animation-delay:.4s}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.video-upload-component .video-upload-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:20px}.video-upload-component .video-upload-header .video-upload-icon{font-size:24px;color:#1890ff;margin-top:4px}.video-upload-component .video-upload-header .video-upload-content{flex:1 1}.video-upload-component .video-upload-header .video-upload-content .video-upload-title{font-size:16px;font-weight:600;color:#262626;margin:0 0 8px}.video-upload-component .video-upload-header .video-upload-content .video-upload-title .required{color:#ff4d4f}.video-upload-component .video-upload-header .video-upload-content .video-upload-description{font-size:14px;color:#8c8c8c;margin:0;line-height:1.4}.video-upload-component .video-source-options{display:flex;gap:16px;margin-bottom:20px}.video-upload-component .video-source-options .source-option{flex:1 1;border:2px solid #f0f0f0;border-radius:8px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease;background:#fafafa}.video-upload-component .video-source-options .source-option:hover{border-color:#1890ff;background:rgba(50,83,250,.05)}.video-upload-component .video-source-options .source-option.active{border-color:#1890ff;background:#e6f7ff}.video-upload-component .video-source-options .source-option .source-icon{font-size:28px;color:#1890ff;margin-bottom:8px}.video-upload-component .video-source-options .source-option .source-title{font-size:14px;font-weight:500;color:#262626;margin:0 0 4px}.video-upload-component .video-source-options .source-option .source-description{font-size:12px;color:#8c8c8c;margin:0}.video-upload-component .video-upload-area{border:2px dashed #d9d9d9;border-radius:8px;padding:40px 20px;text-align:center;background:rgba(50,83,250,.05);margin-bottom:16px}.video-upload-component .video-upload-area.file-selected{border-color:#3253fa;background:rgba(50,83,250,.05)}.video-upload-component .video-upload-area .file-selected{display:flex;align-items:center;justify-content:space-between;text-align:left}.video-upload-component .video-upload-area .file-selected .file-info{display:flex;align-items:center;gap:12px}.video-upload-component .video-upload-area .file-selected .file-info .file-icon{font-size:32px;color:#1890ff}.video-upload-component .video-upload-area .file-selected .file-info .file-details .file-name{font-weight:500;color:#262626;margin:0 0 4px}.video-upload-component .video-upload-area .file-selected .file-info .file-details .file-size{font-size:12px;color:#8c8c8c;margin:0}.video-upload-component .video-upload-area .upload-area .upload-icon{font-size:48px;color:#bfbfbf;margin-bottom:16px}.video-upload-component .video-upload-area .upload-area .upload-button{margin-bottom:12px}.video-upload-component .video-upload-area .upload-area .upload-limit{font-size:12px;color:#8c8c8c;margin:0}.video-upload-component .video-upload-area .upload-area .upload-text{color:#8c8c8c;margin:8px 0 0;font-size:14px}.video-upload-component .video-upload-area .youtube-input-area .youtube-input{max-width:400px;margin-bottom:12px}.video-upload-component .video-upload-area .youtube-input-area .youtube-description{font-size:12px;color:#8c8c8c;margin:0}.video-upload-component .upload-error{color:#ff4d4f;font-size:12px;margin-top:8px;text-align:left}.video-information-component .video-info-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}.video-information-component .video-info-header .video-info-icon{font-size:24px;color:#1890ff;margin-top:4px}.video-information-component .video-info-header .video-info-content{flex:1 1}.video-information-component .video-info-header .video-info-content .video-info-title{font-size:16px;font-weight:600;color:#262626;margin:0 0 8px}.video-information-component .video-info-header .video-info-content .video-info-description{font-size:14px;color:#8c8c8c;margin:0;line-height:1.4}.video-information-component .form-field{margin-bottom:20px}.video-information-component .form-field .field-label{font-size:14px;font-weight:500;color:#262626;margin-bottom:8px;display:block}.video-information-component .form-field .field-label .required{color:#ff4d4f;margin-left:2px}.video-information-component .form-field .ant-input,.video-information-component .form-field .ant-input-focused,.video-information-component .form-field .ant-input:focus{border-radius:6px;border:1px solid #d9d9d9;padding:8px 12px;font-size:14px;transition:all .3s ease}.video-information-component .form-field .ant-input-focused:hover,.video-information-component .form-field .ant-input:focus:hover,.video-information-component .form-field .ant-input:hover{border-color:#40a9ff}.video-information-component .form-field .ant-input-focused.ant-input-focused,.video-information-component .form-field .ant-input-focused:focus,.video-information-component .form-field .ant-input.ant-input-focused,.video-information-component .form-field .ant-input:focus,.video-information-component .form-field .ant-input:focus.ant-input-focused,.video-information-component .form-field .ant-input:focus:focus{border-color:#1890ff;box-shadow:0 0 0 2px rgba(24,144,255,.2)}.video-information-component .form-field .ant-input-focused::placeholder,.video-information-component .form-field .ant-input::placeholder,.video-information-component .form-field .ant-input:focus::placeholder{color:#bfbfbf}.video-information-component .form-field .ant-input.error{border-color:#ff4d4f}.video-information-component .form-field .ant-input.error.ant-input-focused,.video-information-component .form-field .ant-input.error:focus,.video-information-component .form-field .ant-input.error:hover{border-color:#ff4d4f;box-shadow:0 0 0 2px rgba(255,77,79,.2)}.video-information-component .form-field .field-error{color:#ff4d4f;font-size:12px;margin-top:4px}.video-information-component .form-field .character-count{text-align:right;font-size:12px;color:#8c8c8c;margin-top:4px}.video-information-component .form-field .character-count.over-limit{color:#ff4d4f}.video-information-component .textarea-field .ant-input{min-height:80px;resize:vertical;line-height:1.5}.qr-type-container,.video-container{display:flex;justify-content:center}.qr-type-preview-container,.video-preview-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.qr-type-form-container,.video-form-container{max-width:800px;width:100%;padding:4px 16px 16px;margin:0 auto}.qr-type-form,.video-form{background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:16px;width:100%;min-height:auto;display:flex;flex-direction:column;gap:16px}.qr-type-form .ant-form-item-label,.video-form .ant-form-item-label{font-weight:500;color:#333;margin-bottom:8px}.qr-type-collapse,.video-collapse{background:#fff;border:1px solid #e8e8e8;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.qr-type-collapse .ant-collapse-item,.video-collapse .ant-collapse-item{border:none}.qr-type-collapse .ant-collapse-item .ant-collapse-header,.video-collapse .ant-collapse-item .ant-collapse-header{padding:0;border:none}.qr-type-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow,.video-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:16px;color:#666}.qr-type-collapse .ant-collapse-item .ant-collapse-content,.video-collapse .ant-collapse-item .ant-collapse-content{border:none}.qr-type-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box,.video-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{padding:0}.ant-collapse-borderless.video-collapse,.qr-type-collapse.ant-collapse-borderless,.qr-type-panel{background:rgba(0,0,0,0)}.qr-type-panel{border:none}.qr-type-form-section,.video-form-section,.video-information-form-section,.video-upload-form-section{padding:16px;background-color:#fafafa;border-radius:12px;border:1px solid #f0f0f0}.qr-type-form-section .section-header,.video-form-section .section-header,.video-information-form-section .section-header,.video-upload-form-section .section-header{display:flex;align-items:flex-start;margin-bottom:16px;cursor:pointer}.qr-type-form-section .section-header .section-icon,.video-form-section .section-header .section-icon,.video-information-form-section .section-header .section-icon,.video-upload-form-section .section-header .section-icon{width:40px;height:40px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#3253fa;margin-right:16px;flex-shrink:0}.qr-type-form-section .section-header .section-content,.video-form-section .section-header .section-content,.video-information-form-section .section-header .section-content,.video-upload-form-section .section-header .section-content{flex:1 1}.qr-type-form-section .section-header .section-content .section-title,.video-form-section .section-header .section-content .section-title,.video-information-form-section .section-header .section-content .section-title,.video-upload-form-section .section-header .section-content .section-title{font-size:16px;font-weight:600;color:#333;margin:0 0 4px;line-height:1.4}.qr-type-form-section .section-header .section-content .section-title .required,.video-form-section .section-header .section-content .section-title .required,.video-information-form-section .section-header .section-content .section-title .required,.video-upload-form-section .section-header .section-content .section-title .required{color:#ff4d4f;margin-left:4px}.qr-type-form-section .section-header .section-content .section-description,.video-form-section .section-header .section-content .section-description,.video-information-form-section .section-header .section-content .section-description,.video-upload-form-section .section-header .section-content .section-description{font-size:14px;color:#666;margin:0;line-height:1.4}.qr-type-form-section .section-form,.video-form-section .section-form,.video-information-form-section .section-form,.video-upload-form-section .section-form{margin-left:40px}.qr-type-form-section .section-form .field-group,.video-form-section .section-form .field-group,.video-information-form-section .section-form .field-group,.video-upload-form-section .section-form .field-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.qr-type-form-section .section-form .field-group .field-label,.video-form-section .section-form .field-group .field-label,.video-information-form-section .section-form .field-group .field-label,.video-upload-form-section .section-form .field-group .field-label{font-size:14px;font-weight:500;color:#333}.qr-type-form-section .section-form .field-group .field-label .required,.video-form-section .section-form .field-group .field-label .required,.video-information-form-section .section-form .field-group .field-label .required,.video-upload-form-section .section-form .field-group .field-label .required{color:#ff4d4f;margin-left:4px}.qr-type-form-section .section-form .field-group .field-hint,.video-form-section .section-form .field-group .field-hint,.video-information-form-section .section-form .field-group .field-hint,.video-upload-form-section .section-form .field-group .field-hint{font-size:12px;color:#999;margin-top:4px}.qr-type-form-section .section-form .field-group .ant-input,.qr-type-form-section .section-form .field-group .ant-input-password,.qr-type-form-section .section-form .field-group .qr-input,.video-form-section .section-form .field-group .ant-input,.video-form-section .section-form .field-group .ant-input-password,.video-form-section .section-form .field-group .qr-input,.video-information-form-section .section-form .field-group .ant-input,.video-information-form-section .section-form .field-group .ant-input-password,.video-information-form-section .section-form .field-group .qr-input,.video-upload-form-section .section-form .field-group .ant-input,.video-upload-form-section .section-form .field-group .ant-input-password,.video-upload-form-section .section-form .field-group .qr-input{border-radius:8px;border:1px solid #d9d9d9;padding:8px 12px;font-size:14px;transition:all .2s ease}.qr-type-form-section .section-form .field-group .ant-input-password::placeholder,.qr-type-form-section .section-form .field-group .ant-input::placeholder,.qr-type-form-section .section-form .field-group .qr-input::placeholder,.video-form-section .section-form .field-group .ant-input-password::placeholder,.video-form-section .section-form .field-group .ant-input::placeholder,.video-form-section .section-form .field-group .qr-input::placeholder,.video-information-form-section .section-form .field-group .ant-input-password::placeholder,.video-information-form-section .section-form .field-group .ant-input::placeholder,.video-information-form-section .section-form .field-group .qr-input::placeholder,.video-upload-form-section .section-form .field-group .ant-input-password::placeholder,.video-upload-form-section .section-form .field-group .ant-input::placeholder,.video-upload-form-section .section-form .field-group .qr-input::placeholder{color:#bfbfbf}.qr-type-form-section .section-form .field-group .ant-input-password:focus,.qr-type-form-section .section-form .field-group .ant-input:focus,.qr-type-form-section .section-form .field-group .qr-input:focus,.video-form-section .section-form .field-group .ant-input-password:focus,.video-form-section .section-form .field-group .ant-input:focus,.video-form-section .section-form .field-group .qr-input:focus,.video-information-form-section .section-form .field-group .ant-input-password:focus,.video-information-form-section .section-form .field-group .ant-input:focus,.video-information-form-section .section-form .field-group .qr-input:focus,.video-upload-form-section .section-form .field-group .ant-input-password:focus,.video-upload-form-section .section-form .field-group .ant-input:focus,.video-upload-form-section .section-form .field-group .qr-input:focus{border-color:var(--primary-color,#3253FA);box-shadow:0 0 0 2px rgba(50,83,250,.2)}.qr-type-form-section .section-form .field-group .ant-input-password:hover,.qr-type-form-section .section-form .field-group .ant-input:hover,.qr-type-form-section .section-form .field-group .qr-input:hover,.video-form-section .section-form .field-group .ant-input-password:hover,.video-form-section .section-form .field-group .ant-input:hover,.video-form-section .section-form .field-group .qr-input:hover,.video-information-form-section .section-form .field-group .ant-input-password:hover,.video-information-form-section .section-form .field-group .ant-input:hover,.video-information-form-section .section-form .field-group .qr-input:hover,.video-upload-form-section .section-form .field-group .ant-input-password:hover,.video-upload-form-section .section-form .field-group .ant-input:hover,.video-upload-form-section .section-form .field-group .qr-input:hover{border-color:var(--primary-color,#3253FA)}.qr-type-form-section .section-form .ant-form-item,.qr-type-form-section .section-form>.ant-form-item,.video-form-section .section-form .ant-form-item,.video-information-form-section .section-form .ant-form-item,.video-upload-form-section .section-form .ant-form-item{margin-bottom:16px}.qr-type-form-section .section-form .ant-form-item .ant-form-item-label,.qr-type-form-section .section-form>.ant-form-item .ant-form-item-label,.video-form-section .section-form .ant-form-item .ant-form-item-label,.video-information-form-section .section-form .ant-form-item .ant-form-item-label,.video-upload-form-section .section-form .ant-form-item .ant-form-item-label{padding-bottom:4px}.qr-type-form-section .section-form .ant-form-item .ant-form-item-label label,.qr-type-form-section .section-form>.ant-form-item .ant-form-item-label label,.video-form-section .section-form .ant-form-item .ant-form-item-label label,.video-information-form-section .section-form .ant-form-item .ant-form-item-label label,.video-upload-form-section .section-form .ant-form-item .ant-form-item-label label{font-size:14px;font-weight:500;color:#333}.qr-type-form-section .section-form .ant-form-item .ant-form-item-label label.ant-form-item-required:before,.qr-type-form-section .section-form>.ant-form-item .ant-form-item-label label.ant-form-item-required:before,.video-form-section .section-form .ant-form-item .ant-form-item-label label.ant-form-item-required:before,.video-information-form-section .section-form .ant-form-item .ant-form-item-label label.ant-form-item-required:before,.video-upload-form-section .section-form .ant-form-item .ant-form-item-label label.ant-form-item-required:before{color:#ff4d4f}.qr-type-form-section .section-form .ant-form-item .ant-input,.qr-type-form-section .section-form .ant-form-item .ant-input-password,.qr-type-form-section .section-form>.ant-form-item .ant-input,.qr-type-form-section .section-form>.ant-form-item .ant-input-password,.video-form-section .section-form .ant-form-item .ant-input,.video-form-section .section-form .ant-form-item .ant-input-password,.video-information-form-section .section-form .ant-form-item .ant-input,.video-information-form-section .section-form .ant-form-item .ant-input-password,.video-upload-form-section .section-form .ant-form-item .ant-input,.video-upload-form-section .section-form .ant-form-item .ant-input-password{border-radius:8px;border:1px solid #d9d9d9;padding:8px 12px;font-size:14px;transition:all .2s ease}.qr-type-form-section .section-form .ant-form-item .ant-input-password::placeholder,.qr-type-form-section .section-form .ant-form-item .ant-input::placeholder,.qr-type-form-section .section-form>.ant-form-item .ant-input-password::placeholder,.qr-type-form-section .section-form>.ant-form-item .ant-input::placeholder,.video-form-section .section-form .ant-form-item .ant-input-password::placeholder,.video-form-section .section-form .ant-form-item .ant-input::placeholder,.video-information-form-section .section-form .ant-form-item .ant-input-password::placeholder,.video-information-form-section .section-form .ant-form-item .ant-input::placeholder,.video-upload-form-section .section-form .ant-form-item .ant-input-password::placeholder,.video-upload-form-section .section-form .ant-form-item .ant-input::placeholder{color:#bfbfbf}.qr-type-form-section .section-form .ant-form-item .ant-input-password:focus,.qr-type-form-section .section-form .ant-form-item .ant-input:focus,.qr-type-form-section .section-form>.ant-form-item .ant-input-password:focus,.qr-type-form-section .section-form>.ant-form-item .ant-input:focus,.video-form-section .section-form .ant-form-item .ant-input-password:focus,.video-form-section .section-form .ant-form-item .ant-input:focus,.video-information-form-section .section-form .ant-form-item .ant-input-password:focus,.video-information-form-section .section-form .ant-form-item .ant-input:focus,.video-upload-form-section .section-form .ant-form-item .ant-input-password:focus,.video-upload-form-section .section-form .ant-form-item .ant-input:focus{border-color:var(--primary-color,#3253FA);box-shadow:0 0 0 2px rgba(50,83,250,.2)}.qr-type-form-section .section-form .ant-form-item .ant-input-password:hover,.qr-type-form-section .section-form .ant-form-item .ant-input:hover,.qr-type-form-section .section-form>.ant-form-item .ant-input-password:hover,.qr-type-form-section .section-form>.ant-form-item .ant-input:hover,.video-form-section .section-form .ant-form-item .ant-input-password:hover,.video-form-section .section-form .ant-form-item .ant-input:hover,.video-information-form-section .section-form .ant-form-item .ant-input-password:hover,.video-information-form-section .section-form .ant-form-item .ant-input:hover,.video-upload-form-section .section-form .ant-form-item .ant-input-password:hover,.video-upload-form-section .section-form .ant-form-item .ant-input:hover{border-color:var(--primary-color,#3253FA)}.qr-type-form-section .section-form .ant-form-item .ant-input-password .ant-input,.qr-type-form-section .section-form>.ant-form-item .ant-input-password .ant-input,.video-form-section .section-form .ant-form-item .ant-input-password .ant-input,.video-information-form-section .section-form .ant-form-item .ant-input-password .ant-input,.video-upload-form-section .section-form .ant-form-item .ant-input-password .ant-input{border:none;padding:0;box-shadow:none}.qr-type-form-section .section-form .ant-form-item .ant-input-password .ant-input:focus,.qr-type-form-section .section-form>.ant-form-item .ant-input-password .ant-input:focus,.video-form-section .section-form .ant-form-item .ant-input-password .ant-input:focus,.video-information-form-section .section-form .ant-form-item .ant-input-password .ant-input:focus,.video-upload-form-section .section-form .ant-form-item .ant-input-password .ant-input:focus{border:none;box-shadow:none}.qr-type-form-section .section-form>div>.ant-form-item,.video-form-section .section-form>div>.ant-form-item,.video-information-form-section .section-form>div>.ant-form-item,.video-upload-form-section .section-form>div>.ant-form-item{margin-bottom:0}.qr-type-checkbox .ant-checkbox .ant-checkbox-inner,.video-checkbox .ant-checkbox .ant-checkbox-inner{border-radius:4px}.qr-type-checkbox .ant-checkbox-wrapper,.video-checkbox .ant-checkbox-wrapper{font-size:14px;color:#333}@media(max-width:768px){.qr-type-form-container,.qr-type-form-section,.video-form-container,.video-form-section,.video-information-form-section,.video-upload-form-section{padding:12px}.qr-type-form-section .section-header .section-icon,.video-form-section .section-header .section-icon,.video-information-form-section .section-header .section-icon,.video-upload-form-section .section-header .section-icon{width:36px;height:36px;font-size:16px;margin-right:12px}.qr-type-form-section .section-header .section-content .section-title,.video-form-section .section-header .section-content .section-title,.video-information-form-section .section-header .section-content .section-title,.video-upload-form-section .section-header .section-content .section-title{font-size:15px}.qr-type-form-section .section-header .section-content .section-description,.video-form-section .section-header .section-content .section-description,.video-information-form-section .section-header .section-content .section-description,.video-upload-form-section .section-header .section-content .section-description{font-size:13px}.qr-type-form-section .section-form,.video-form-section .section-form,.video-information-form-section .section-form,.video-upload-form-section .section-form{margin-left:32px}.qr-type-form-section .section-form .field-group,.video-form-section .section-form .field-group,.video-information-form-section .section-form .field-group,.video-upload-form-section .section-form .field-group{margin-bottom:12px}.qr-type-form-section .section-form .field-group .field-label,.video-form-section .section-form .field-group .field-label,.video-information-form-section .section-form .field-group .field-label,.video-upload-form-section .section-form .field-group .field-label{font-size:13px}.qr-type-form-section .section-form .field-group .ant-input,.qr-type-form-section .section-form .field-group .ant-input-password,.qr-type-form-section .section-form .field-group .qr-input,.video-form-section .section-form .field-group .ant-input,.video-form-section .section-form .field-group .ant-input-password,.video-form-section .section-form .field-group .qr-input,.video-information-form-section .section-form .field-group .ant-input,.video-information-form-section .section-form .field-group .ant-input-password,.video-information-form-section .section-form .field-group .qr-input,.video-upload-form-section .section-form .field-group .ant-input,.video-upload-form-section .section-form .field-group .ant-input-password,.video-upload-form-section .section-form .field-group .qr-input{padding:6px 10px;font-size:13px}}@media(max-width:480px){.qr-type-form-section,.video-form-section,.video-information-form-section,.video-upload-form-section{padding:8px}.qr-type-form-section .section-header,.video-form-section .section-header,.video-information-form-section .section-header,.video-upload-form-section .section-header{flex-direction:column;align-items:flex-start}.qr-type-form-section .section-header .section-icon,.video-form-section .section-header .section-icon,.video-information-form-section .section-header .section-icon,.video-upload-form-section .section-header .section-icon{margin-right:0;margin-bottom:12px}.qr-type-form-section .section-form,.video-form-section .section-form,.video-information-form-section .section-form,.video-upload-form-section .section-form{margin-left:0}.qr-type-form-section .section-form .field-group,.video-form-section .section-form .field-group,.video-information-form-section .section-form .field-group,.video-upload-form-section .section-form .field-group{margin-bottom:10px}.qr-type-form-section .section-form .field-group .field-label,.video-form-section .section-form .field-group .field-label,.video-information-form-section .section-form .field-group .field-label,.video-upload-form-section .section-form .field-group .field-label{font-size:12px}.qr-type-form-section .section-form .field-group .ant-input,.qr-type-form-section .section-form .field-group .ant-input-password,.qr-type-form-section .section-form .field-group .qr-input,.video-form-section .section-form .field-group .ant-input,.video-form-section .section-form .field-group .ant-input-password,.video-form-section .section-form .field-group .qr-input,.video-information-form-section .section-form .field-group .ant-input,.video-information-form-section .section-form .field-group .ant-input-password,.video-information-form-section .section-form .field-group .qr-input,.video-upload-form-section .section-form .field-group .ant-input,.video-upload-form-section .section-form .field-group .ant-input-password,.video-upload-form-section .section-form .field-group .qr-input{padding:6px 8px;font-size:12px}.qr-type-form-section .section-form .field-group .field-hint,.video-form-section .section-form .field-group .field-hint,.video-information-form-section .section-form .field-group .field-hint,.video-upload-form-section .section-form .field-group .field-hint{font-size:11px}}.video-container{max-width:1400px;margin:0 auto;padding:0 32px;gap:40px;align-items:flex-start}.video-preview-container{flex:0 0 400px;position:-webkit-sticky;position:sticky;top:100px;height:-moz-fit-content;height:fit-content;z-index:100}.video-form-container{flex:1 1;max-width:800px;margin:0;padding:20px}.video-form{min-height:auto;margin-bottom:0}@media(max-width:1200px){.video-container{flex-direction:column;align-items:center;gap:32px;padding:0 24px}.video-container .video-preview-container{position:static;flex:0 0 auto;width:100%;max-width:400px;z-index:1}.video-container .video-form-container{width:100%;max-width:800px;padding:16px}}@media(max-width:768px){.video-container{padding:0 8px;gap:20px}.video-container .video-preview-container{margin-bottom:20px}.video-container .video-form-container{padding:8px}}@media(max-width:480px){.video-container{padding:0 6px;gap:16px}.video-container .video-preview-container{margin-bottom:16px}.video-container .video-form-container{padding:6px}}@media(max-width:320px){.video-container{padding:0 4px;gap:12px}.video-container .video-preview-container{margin-bottom:12px}.video-container .video-form-container{padding:4px}}