.mp3-upload-component,.qr-type-form-section{padding:16px;background-color:#fafafa;border-radius:12px;border:1px solid #f0f0f0}.mp3-upload-component .section-header,.qr-type-form-section .section-header{display:flex;align-items:flex-start;margin-bottom:16px;cursor:pointer}.mp3-upload-component .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}.mp3-upload-component .section-header .section-content,.qr-type-form-section .section-header .section-content{flex:1 1}.mp3-upload-component .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}.mp3-upload-component .section-header .section-content .section-title .required,.qr-type-form-section .section-header .section-content .section-title .required{color:#ff4d4f;margin-left:4px}.mp3-upload-component .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}.mp3-upload-component .section-form,.qr-type-form-section .section-form{margin-left:40px}.mp3-upload-component .section-form .field-group,.qr-type-form-section .section-form .field-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.mp3-upload-component .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:14px;font-weight:500;color:#333}.mp3-upload-component .section-form .field-group .field-label .required,.qr-type-form-section .section-form .field-group .field-label .required{color:#ff4d4f;margin-left:4px}.mp3-upload-component .section-form .field-group .field-hint,.qr-type-form-section .section-form .field-group .field-hint{font-size:12px;color:#999;margin-top:4px}.mp3-upload-component .section-form .field-group .ant-input,.mp3-upload-component .section-form .field-group .ant-input-password,.mp3-upload-component .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}.mp3-upload-component .section-form .field-group .ant-input-password::placeholder,.mp3-upload-component .section-form .field-group .ant-input::placeholder,.mp3-upload-component .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}.mp3-upload-component .section-form .field-group .ant-input-password:focus,.mp3-upload-component .section-form .field-group .ant-input:focus,.mp3-upload-component .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)}.mp3-upload-component .section-form .field-group .ant-input-password:hover,.mp3-upload-component .section-form .field-group .ant-input:hover,.mp3-upload-component .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)}.mp3-upload-component .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}.mp3-upload-component .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}.mp3-upload-component .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}.mp3-upload-component .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}.mp3-upload-component .section-form .ant-form-item .ant-input,.mp3-upload-component .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}.mp3-upload-component .section-form .ant-form-item .ant-input-password::placeholder,.mp3-upload-component .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}.mp3-upload-component .section-form .ant-form-item .ant-input-password:focus,.mp3-upload-component .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)}.mp3-upload-component .section-form .ant-form-item .ant-input-password:hover,.mp3-upload-component .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)}.mp3-upload-component .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}.mp3-upload-component .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}.mp3-upload-component .section-form>div>.ant-form-item,.qr-type-form-section .section-form>div>.ant-form-item{margin-bottom:0}@media(max-width:768px){.mp3-upload-component,.qr-type-form-container,.qr-type-form-section{padding:12px}.mp3-upload-component .section-header .section-icon,.qr-type-form-section .section-header .section-icon{width:36px;height:36px;font-size:16px;margin-right:12px}.mp3-upload-component .section-header .section-content .section-title,.qr-type-form-section .section-header .section-content .section-title{font-size:15px}.mp3-upload-component .section-header .section-content .section-description,.qr-type-form-section .section-header .section-content .section-description{font-size:13px}.mp3-upload-component .section-form,.qr-type-form-section .section-form{margin-left:32px}.mp3-upload-component .section-form .field-group,.qr-type-form-section .section-form .field-group{margin-bottom:12px}.mp3-upload-component .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:13px}.mp3-upload-component .section-form .field-group .ant-input,.mp3-upload-component .section-form .field-group .ant-input-password,.mp3-upload-component .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){.mp3-upload-component,.qr-type-form-section{padding:8px}.mp3-upload-component .section-header,.qr-type-form-section .section-header{flex-direction:column;align-items:flex-start}.mp3-upload-component .section-header .section-icon,.qr-type-form-section .section-header .section-icon{margin-right:0;margin-bottom:12px}.mp3-upload-component .section-form,.qr-type-form-section .section-form{margin-left:0}.mp3-upload-component .section-form .field-group,.qr-type-form-section .section-form .field-group{margin-bottom:10px}.mp3-upload-component .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:12px}.mp3-upload-component .section-form .field-group .ant-input,.mp3-upload-component .section-form .field-group .ant-input-password,.mp3-upload-component .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}.mp3-upload-component .section-form .field-group .field-hint,.qr-type-form-section .section-form .field-group .field-hint{font-size:11px}}.mp3-upload-component{border:none;padding:16px}.mp3-upload-component .mp3-upload-section{margin-left:40px;margin-bottom:16px}.mp3-upload-component .mp3-upload-section .mp3-upload-area{display:flex;flex-direction:column;align-items:center;gap:16px;padding:32px;border:2px dashed var(--primary-color,#3253fa);border-radius:12px;background-color:rgba(50,83,250,.02);transition:all .3s ease}.mp3-upload-component .mp3-upload-section .mp3-upload-area:hover{border-color:var(--primary-color,#3253FA);background-color:rgba(50,83,250,.05);transform:translateY(-2px);box-shadow:0 4px 12px rgba(50,83,250,.1)}.mp3-upload-component .mp3-upload-section .mp3-upload-area .ant-upload-wrapper{width:100%;display:flex;justify-content:center}.mp3-upload-component .mp3-upload-section .mp3-upload-area .ant-upload-wrapper .ant-upload{width:auto;display:flex;justify-content:center}.mp3-upload-component .mp3-upload-section .mp3-upload-area .upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer}.mp3-upload-component .mp3-upload-section .mp3-upload-area .upload-placeholder .upload-icon{width:64px;height:64px;border-radius:50%;background-color:rgba(50,83,250,.1);display:flex;align-items:center;justify-content:center;font-size:28px;color:var(--primary-color,#3253FA);transition:all .3s ease}.mp3-upload-component .mp3-upload-section .mp3-upload-area .upload-placeholder .upload-text{text-align:center}.mp3-upload-component .mp3-upload-section .mp3-upload-area .upload-placeholder .upload-text p{margin:0;font-size:16px;color:#333;font-weight:500}.mp3-upload-component .mp3-upload-section .mp3-upload-area .upload-placeholder:hover .upload-icon{background-color:rgba(50,83,250,.15);transform:scale(1.05)}.mp3-upload-component .mp3-upload-section .mp3-upload-area .upload-btn{padding:12px 24px;border:none;background:var(--primary-color,#3253FA);color:#fff;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;outline:none}.mp3-upload-component .mp3-upload-section .mp3-upload-area .upload-btn:hover{background:#2a47d4;transform:translateY(-1px);box-shadow:0 4px 12px rgba(50,83,250,.3)}.mp3-upload-component .mp3-upload-section .mp3-upload-area .upload-btn:active{transform:translateY(0)}.mp3-upload-component .mp3-upload-section .mp3-upload-area .upload-hint{font-size:12px;color:#666;text-align:center;margin-top:4px}.mp3-upload-component .mp3-upload-section .mp3-file-preview{padding:16px;border:1px solid #e8e8e8;border-radius:8px;background:#fafafa}.mp3-upload-component .mp3-upload-section .mp3-file-preview .file-info{display:flex;align-items:center;gap:12px}.mp3-upload-component .mp3-upload-section .mp3-file-preview .file-info .file-icon{width:40px;height:40px;border-radius:8px;background-color:rgba(50,83,250,.1);display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--primary-color,#3253FA);flex-shrink:0}.mp3-upload-component .mp3-upload-section .mp3-file-preview .file-info .file-details{flex:1 1}.mp3-upload-component .mp3-upload-section .mp3-file-preview .file-info .file-details .file-name{font-size:14px;font-weight:500;color:#333;margin-bottom:2px;word-break:break-all}.mp3-upload-component .mp3-upload-section .mp3-file-preview .file-info .file-details .file-size{font-size:12px;color:#666}.mp3-upload-component .mp3-upload-section .mp3-file-preview .file-info .remove-file-btn{width:24px;height:24px;border-radius:50%;background:#ff4d4f;color:#fff;border:none;font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0}.mp3-upload-component .mp3-upload-section .mp3-file-preview .file-info .remove-file-btn:hover{background:#ff7875;transform:scale(1.1)}.mp3-upload-component .download-option-section{margin-left:40px;margin-top:16px}.mp3-upload-component .download-option-section .download-checkbox .ant-checkbox .ant-checkbox-inner{border-radius:4px}.mp3-upload-component .download-option-section .download-checkbox .ant-checkbox-wrapper{font-size:14px;color:#333}@media(max-width:768px){.mp3-upload-component{padding:12px}.mp3-upload-component .mp3-upload-section{margin-left:32px}.mp3-upload-component .mp3-upload-section .mp3-upload-area{padding:24px 16px}.mp3-upload-component .mp3-upload-section .mp3-upload-area .upload-placeholder .upload-icon{width:56px;height:56px;font-size:24px}.mp3-upload-component .mp3-upload-section .mp3-upload-area .upload-placeholder .upload-text p{font-size:15px}.mp3-upload-component .mp3-upload-section .mp3-upload-area .upload-btn{padding:10px 20px;font-size:13px}.mp3-upload-component .download-option-section{margin-left:32px}}@media(max-width:480px){.mp3-upload-component{padding:8px}.mp3-upload-component .mp3-upload-section{margin-left:0}.mp3-upload-component .mp3-upload-section .mp3-upload-area{padding:20px 12px}.mp3-upload-component .mp3-upload-section .mp3-upload-area .upload-placeholder .upload-icon{width:48px;height:48px;font-size:20px}.mp3-upload-component .mp3-upload-section .mp3-upload-area .upload-placeholder .upload-text p{font-size:14px}.mp3-upload-component .mp3-upload-section .mp3-upload-area .upload-btn{padding:8px 16px;font-size:12px}.mp3-upload-component .mp3-upload-section .mp3-upload-area .upload-hint{font-size:11px}.mp3-upload-component .mp3-upload-section .mp3-file-preview{padding:12px}.mp3-upload-component .mp3-upload-section .mp3-file-preview .file-info{gap:8px}.mp3-upload-component .mp3-upload-section .mp3-file-preview .file-info .file-icon{width:32px;height:32px;font-size:16px}.mp3-upload-component .mp3-upload-section .mp3-file-preview .file-info .file-details .file-name{font-size:13px}.mp3-upload-component .mp3-upload-section .mp3-file-preview .file-info .file-details .file-size{font-size:11px}.mp3-upload-component .mp3-upload-section .mp3-file-preview .file-info .remove-file-btn{width:20px;height:20px;font-size:14px}.mp3-upload-component .download-option-section{margin-left:0}.mp3-upload-component .download-option-section .download-checkbox .ant-checkbox-wrapper{font-size:13px}}.mp3-container,.qr-type-container{display:flex;justify-content:center}.mp3-preview-container,.qr-type-preview-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.mp3-form-container,.qr-type-form-container{max-width:800px;width:100%;padding:4px 16px 16px;margin:0 auto}.mp3-form,.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}.mp3-form .ant-form-item-label,.qr-type-form .ant-form-item-label{font-weight:500;color:#333;margin-bottom:8px}.mp3-collapse,.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)}.mp3-collapse .ant-collapse-item,.qr-type-collapse .ant-collapse-item{border:none}.mp3-collapse .ant-collapse-item .ant-collapse-header,.qr-type-collapse .ant-collapse-item .ant-collapse-header{padding:0;border:none}.mp3-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow,.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}.mp3-collapse .ant-collapse-item .ant-collapse-content,.qr-type-collapse .ant-collapse-item .ant-collapse-content{border:none}.mp3-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box,.qr-type-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{padding:0}.ant-collapse-borderless.mp3-collapse,.qr-type-collapse.ant-collapse-borderless{background:rgba(0,0,0,0)}.mp3-form-section,.qr-type-form-section{padding:16px;background-color:#fafafa;border-radius:12px;border:1px solid #f0f0f0}.mp3-form-section .section-header,.qr-type-form-section .section-header{display:flex;align-items:flex-start;margin-bottom:16px;cursor:pointer}.mp3-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}.mp3-form-section .section-header .section-content,.qr-type-form-section .section-header .section-content{flex:1 1}.mp3-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}.mp3-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}.mp3-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}.mp3-form-section .section-form,.qr-type-form-section .section-form{margin-left:40px}.mp3-form-section .section-form .field-group,.qr-type-form-section .section-form .field-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.mp3-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}.mp3-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}.mp3-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}.mp3-form-section .section-form .field-group .ant-input,.mp3-form-section .section-form .field-group .ant-input-password,.mp3-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}.mp3-form-section .section-form .field-group .ant-input-password::placeholder,.mp3-form-section .section-form .field-group .ant-input::placeholder,.mp3-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}.mp3-form-section .section-form .field-group .ant-input-password:focus,.mp3-form-section .section-form .field-group .ant-input:focus,.mp3-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)}.mp3-form-section .section-form .field-group .ant-input-password:hover,.mp3-form-section .section-form .field-group .ant-input:hover,.mp3-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)}.mp3-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}.mp3-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}.mp3-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}.mp3-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}.mp3-form-section .section-form .ant-form-item .ant-input,.mp3-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}.mp3-form-section .section-form .ant-form-item .ant-input-password::placeholder,.mp3-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}.mp3-form-section .section-form .ant-form-item .ant-input-password:focus,.mp3-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)}.mp3-form-section .section-form .ant-form-item .ant-input-password:hover,.mp3-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)}.mp3-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}.mp3-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}.mp3-form-section .section-form>div>.ant-form-item,.qr-type-form-section .section-form>div>.ant-form-item{margin-bottom:0}.mp3-checkbox .ant-checkbox .ant-checkbox-inner,.qr-type-checkbox .ant-checkbox .ant-checkbox-inner{border-radius:4px}.mp3-checkbox .ant-checkbox-wrapper,.qr-type-checkbox .ant-checkbox-wrapper{font-size:14px;color:#333}@media(max-width:768px){.mp3-form-container,.mp3-form-section,.qr-type-form-container,.qr-type-form-section{padding:12px}.mp3-form-section .section-header .section-icon,.qr-type-form-section .section-header .section-icon{width:36px;height:36px;font-size:16px;margin-right:12px}.mp3-form-section .section-header .section-content .section-title,.qr-type-form-section .section-header .section-content .section-title{font-size:15px}.mp3-form-section .section-header .section-content .section-description,.qr-type-form-section .section-header .section-content .section-description{font-size:13px}.mp3-form-section .section-form,.qr-type-form-section .section-form{margin-left:32px}.mp3-form-section .section-form .field-group,.qr-type-form-section .section-form .field-group{margin-bottom:12px}.mp3-form-section .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:13px}.mp3-form-section .section-form .field-group .ant-input,.mp3-form-section .section-form .field-group .ant-input-password,.mp3-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){.mp3-form-section,.qr-type-form-section{padding:8px}.mp3-form-section .section-header,.qr-type-form-section .section-header{flex-direction:column;align-items:flex-start}.mp3-form-section .section-header .section-icon,.qr-type-form-section .section-header .section-icon{margin-right:0;margin-bottom:12px}.mp3-form-section .section-form,.qr-type-form-section .section-form{margin-left:0}.mp3-form-section .section-form .field-group,.qr-type-form-section .section-form .field-group{margin-bottom:10px}.mp3-form-section .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:12px}.mp3-form-section .section-form .field-group .ant-input,.mp3-form-section .section-form .field-group .ant-input-password,.mp3-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}.mp3-form-section .section-form .field-group .field-hint,.qr-type-form-section .section-form .field-group .field-hint{font-size:11px}}.mp3-container{max-width:1400px;margin:0 auto;padding:0 32px;gap:40px;align-items:flex-start}.mp3-preview-container{flex:0 0 400px;position:-webkit-sticky;position:sticky;top:100px;height:-moz-fit-content;height:fit-content}.mp3-form-container{flex:1 1;max-width:800px;margin:0;padding:20px}.mp3-form{min-height:auto;margin-bottom:0}.mp3-preview-container{width:100%;max-width:400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;border-radius:16px;overflow:hidden}.mp3-player{background:#fff;border-radius:12px;padding:20px;margin:16px 0;box-shadow:0 2px 8px rgba(0,0,0,.1);border:1px solid #e8e8e8}.mp3-player .mp3-info{margin-bottom:16px}.mp3-player .mp3-info h3{display:flex;align-items:center;font-size:16px;font-weight:600;color:#2d3748;margin:0 0 12px}.mp3-player .mp3-info .track-info .track-title{font-size:18px;font-weight:700;color:#1a202c;margin-bottom:4px}.mp3-player .mp3-info .track-info .track-artist{font-size:14px;color:#718096;font-weight:500}.mp3-player .player-controls{display:flex;flex-direction:column;gap:16px}.mp3-player .player-controls .play-button{display:flex;justify-content:center;cursor:pointer;transition:transform .2s ease}.mp3-player .player-controls .play-button:hover{transform:scale(1.05)}.mp3-player .player-controls .progress-container .progress-bar{width:100%;height:6px;background:#e2e8f0;border-radius:3px;position:relative;margin-bottom:8px}.mp3-player .player-controls .progress-container .progress-bar .progress-fill{height:100%;border-radius:3px;transition:width .3s ease}.mp3-player .player-controls .progress-container .time-display{display:flex;justify-content:space-between;font-size:12px;color:#718096;font-weight:500}.mp3-player .track-description{margin-top:16px;padding-top:16px;border-top:1px solid #e2e8f0;font-size:14px;color:#4a5568;line-height:1.5}.profile-info{text-align:center;margin-bottom:20px}.profile-info .profile-name{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 8px;line-height:1.2}.profile-info .profile-description{font-size:14px;color:#718096;margin:0;line-height:1.4}.social-networks{margin-top:20px}.social-networks h3{font-size:16px}.social-networks .social-network{background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e8e8e8}.social-networks .social-network:hover{box-shadow:0 4px 12px rgba(0,0,0,.15)}.social-networks .social-network .social-network-icon{display:flex;align-items:center}.no-content{padding:40px 20px;background:#fff;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e8e8e8}@media(max-width:1200px){.mp3-container{flex-direction:column;align-items:center;gap:32px;padding:0 24px}.mp3-container .mp3-preview-container{position:static;flex:0 0 auto;width:100%;max-width:400px;z-index:1}.mp3-container .mp3-form-container{width:100%;max-width:800px;padding:16px}}@media(max-width:768px){.mp3-container{padding:0 8px;gap:20px}.mp3-container .mp3-preview-container{margin-bottom:20px}.mp3-container .mp3-form-container{padding:8px}}@media(max-width:480px){.mp3-container{padding:0 6px;gap:16px}.mp3-container .mp3-preview-container{margin-bottom:16px}.mp3-container .mp3-form-container{padding:6px}}@media(max-width:320px){.mp3-container{padding:0 4px;gap:12px}.mp3-container .mp3-preview-container{margin-bottom:12px}.mp3-container .mp3-form-container{padding:4px}.mp3-player{padding:16px;margin:12px 0}.mp3-player .mp3-info .track-info .track-title{font-size:16px}.mp3-player .mp3-info .track-info .track-artist{font-size:13px}.profile-info .profile-name{font-size:20px}.profile-info .profile-description{font-size:13px}}:root{--mp3-primary:#3253FA;--mp3-secondary:#527AC9;--mp3-accent:#1ED760;--mp3-dark:#1a202c;--mp3-gray:#718096;--mp3-light:#e2e8f0}.preview-cover{background:var(--primary-color)!important}.preview-cover .profile-image,.preview-cover .profile-image svg{color:var(--primary-text-color,white)!important}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.play-button:active{animation:pulse .2s ease}@media(max-width:480px){.mp3-preview-container{max-width:100%}}.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)}.pdf-info-component,.qr-type-form-section{padding:16px;background-color:#fafafa;border-radius:12px;border:1px solid #f0f0f0}.pdf-info-component .pdf-info-header,.pdf-info-component .section-header,.qr-type-form-section .section-header{display:flex;align-items:flex-start;margin-bottom:16px;cursor:pointer}.pdf-info-component .pdf-info-header .pdf-info-icon,.pdf-info-component .pdf-info-header .section-icon,.pdf-info-component .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}.pdf-info-component .pdf-info-header .pdf-info-content,.pdf-info-component .pdf-info-header .section-content,.pdf-info-component .section-header .section-content,.qr-type-form-section .section-header .section-content{flex:1 1}.pdf-info-component .pdf-info-header .pdf-info-content .pdf-info-title,.pdf-info-component .pdf-info-header .pdf-info-content .section-title,.pdf-info-component .pdf-info-header .section-content .section-title,.pdf-info-component .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}.pdf-info-component .pdf-info-header .pdf-info-content .pdf-info-title .required,.pdf-info-component .pdf-info-header .pdf-info-content .section-title .required,.pdf-info-component .pdf-info-header .section-content .section-title .required,.pdf-info-component .section-header .section-content .section-title .required,.qr-type-form-section .section-header .section-content .section-title .required{color:#ff4d4f;margin-left:4px}.pdf-info-component .pdf-info-header .pdf-info-content .section-description,.pdf-info-component .pdf-info-header .section-content .section-description,.pdf-info-component .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}.pdf-info-component .section-form,.qr-type-form-section .section-form{margin-left:40px}.pdf-info-component .section-form .field-group,.qr-type-form-section .section-form .field-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.pdf-info-component .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:14px;font-weight:500;color:#333}.pdf-info-component .section-form .field-group .field-label .required,.qr-type-form-section .section-form .field-group .field-label .required{color:#ff4d4f;margin-left:4px}.pdf-info-component .section-form .field-group .field-hint,.qr-type-form-section .section-form .field-group .field-hint{font-size:12px;color:#999;margin-top:4px}.pdf-info-component .section-form .field-group .ant-input,.pdf-info-component .section-form .field-group .ant-input-password,.pdf-info-component .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}.pdf-info-component .section-form .field-group .ant-input-password::placeholder,.pdf-info-component .section-form .field-group .ant-input::placeholder,.pdf-info-component .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}.pdf-info-component .section-form .field-group .ant-input-password:focus,.pdf-info-component .section-form .field-group .ant-input:focus,.pdf-info-component .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)}.pdf-info-component .section-form .field-group .ant-input-password:hover,.pdf-info-component .section-form .field-group .ant-input:hover,.pdf-info-component .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)}.pdf-info-component .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}.pdf-info-component .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}.pdf-info-component .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}.pdf-info-component .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}.pdf-info-component .section-form .ant-form-item .ant-input,.pdf-info-component .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}.pdf-info-component .section-form .ant-form-item .ant-input-password::placeholder,.pdf-info-component .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}.pdf-info-component .section-form .ant-form-item .ant-input-password:focus,.pdf-info-component .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)}.pdf-info-component .section-form .ant-form-item .ant-input-password:hover,.pdf-info-component .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)}.pdf-info-component .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}.pdf-info-component .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}.pdf-info-component .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){.pdf-info-component,.qr-type-form-container,.qr-type-form-section{padding:12px}.pdf-info-component .pdf-info-header .pdf-info-icon,.pdf-info-component .pdf-info-header .section-icon,.pdf-info-component .section-header .section-icon,.qr-type-form-section .section-header .section-icon{width:36px;height:36px;font-size:16px;margin-right:12px}.pdf-info-component .pdf-info-header .pdf-info-content .pdf-info-title,.pdf-info-component .pdf-info-header .pdf-info-content .section-title,.pdf-info-component .pdf-info-header .section-content .section-title,.pdf-info-component .section-header .section-content .section-title,.qr-type-form-section .section-header .section-content .section-title{font-size:15px}.pdf-info-component .pdf-info-header .pdf-info-content .section-description,.pdf-info-component .pdf-info-header .section-content .section-description,.pdf-info-component .section-header .section-content .section-description,.qr-type-form-section .section-header .section-content .section-description{font-size:13px}.pdf-info-component .section-form,.qr-type-form-section .section-form{margin-left:32px}.pdf-info-component .section-form .field-group,.qr-type-form-section .section-form .field-group{margin-bottom:12px}.pdf-info-component .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:13px}.pdf-info-component .section-form .field-group .ant-input,.pdf-info-component .section-form .field-group .ant-input-password,.pdf-info-component .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){.pdf-info-component,.qr-type-form-section{padding:8px}.pdf-info-component .pdf-info-header,.pdf-info-component .section-header,.qr-type-form-section .section-header{flex-direction:column;align-items:flex-start}.pdf-info-component .pdf-info-header .pdf-info-icon,.pdf-info-component .pdf-info-header .section-icon,.pdf-info-component .section-header .section-icon,.qr-type-form-section .section-header .section-icon{margin-right:0;margin-bottom:12px}.pdf-info-component .section-form,.qr-type-form-section .section-form{margin-left:0}.pdf-info-component .section-form .field-group,.qr-type-form-section .section-form .field-group{margin-bottom:10px}.pdf-info-component .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:12px}.pdf-info-component .section-form .field-group .ant-input,.pdf-info-component .section-form .field-group .ant-input-password,.pdf-info-component .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}.pdf-info-component .section-form .field-group .field-hint,.qr-type-form-section .section-form .field-group .field-hint{font-size:11px}}.pdf-info-component .pdf-info-form{margin-left:56px}.pdf-info-component .pdf-info-form .form-item-no-margin{margin-bottom:16px!important}.pdf-info-component .pdf-info-form .form-item-no-margin .form-label{display:block;font-size:14px;font-weight:500;color:#333;margin-bottom:8px;line-height:1.4}.pdf-info-component .pdf-info-form .pdf-info-input{border-radius:8px;border:1px solid #d9d9d9;padding:12px 16px;font-size:14px;width:100%}.pdf-info-component .pdf-info-form .pdf-info-input::placeholder{color:#bfbfbf}.pdf-info-component .pdf-info-form .pdf-info-input:focus{border-color:var(--primary-color,#3253FA);box-shadow:0 0 0 2px rgba(50,83,250,.2)}.pdf-info-component .pdf-info-form .pdf-info-input:hover{border-color:var(--primary-color,#3253FA)}.pdf-info-component .pdf-info-form .pdf-info-textarea{border-radius:8px;border:1px solid #d9d9d9;padding:12px 16px;font-size:14px;resize:vertical;min-height:100px;width:100%}.pdf-info-component .pdf-info-form .pdf-info-textarea::placeholder{color:#bfbfbf}.pdf-info-component .pdf-info-form .pdf-info-textarea:focus{border-color:var(--primary-color,#3253FA);box-shadow:0 0 0 2px rgba(50,83,250,.2)}.pdf-info-component .pdf-info-form .pdf-info-textarea:hover{border-color:var(--primary-color,#3253FA)}.pdf-info-component .pdf-info-form .validation-message{font-size:12px;color:var(--primary-color,#3253FA);margin-top:4px;font-weight:500}.pdf-info-component .pdf-info-form .ant-form-item .ant-form-item-control-input{min-height:auto}@media(max-width:768px){.pdf-info-component .pdf-info-form{margin-left:48px}.pdf-info-component .pdf-info-form .form-item-no-margin{margin-bottom:14px!important}.pdf-info-component .pdf-info-form .form-item-no-margin .form-label{font-size:13px;margin-bottom:6px}.pdf-info-component .pdf-info-form .pdf-info-input,.pdf-info-component .pdf-info-form .pdf-info-textarea{padding:10px 12px;font-size:13px}.pdf-info-component .pdf-info-form .pdf-info-textarea{min-height:80px}.pdf-info-component .pdf-info-form .validation-message{font-size:11px}}@media(max-width:480px){.pdf-info-component .pdf-info-form{margin-left:0}.pdf-info-component .pdf-info-form .form-item-no-margin{margin-bottom:12px!important}.pdf-info-component .pdf-info-form .form-item-no-margin .form-label{font-size:12px;margin-bottom:4px}.pdf-info-component .pdf-info-form .pdf-info-input,.pdf-info-component .pdf-info-form .pdf-info-textarea{padding:10px 12px;font-size:13px}.pdf-info-component .pdf-info-form .pdf-info-textarea{min-height:80px}.pdf-info-component .pdf-info-form .validation-message{font-size:11px}}.pdf-container,.qr-type-container{display:flex;justify-content:center}.pdf-preview-container,.qr-type-preview-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.pdf-form-container,.qr-type-form-container{max-width:800px;width:100%;padding:4px 16px 16px;margin:0 auto}.pdf-form,.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}.pdf-form .ant-form-item-label,.qr-type-form .ant-form-item-label{font-weight:500;color:#333;margin-bottom:8px}.pdf-collapse,.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)}.pdf-collapse .ant-collapse-item,.qr-type-collapse .ant-collapse-item{border:none}.pdf-collapse .ant-collapse-item .ant-collapse-header,.qr-type-collapse .ant-collapse-item .ant-collapse-header{padding:0;border:none}.pdf-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow,.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}.pdf-collapse .ant-collapse-item .ant-collapse-content,.qr-type-collapse .ant-collapse-item .ant-collapse-content{border:none}.pdf-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box,.qr-type-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{padding:0}.ant-collapse-borderless.pdf-collapse,.qr-type-collapse.ant-collapse-borderless{background:rgba(0,0,0,0)}.pdf-form-section,.qr-type-form-section{padding:16px;background-color:#fafafa;border-radius:12px;border:1px solid #f0f0f0}.pdf-form-section .section-header,.qr-type-form-section .section-header{display:flex;align-items:flex-start;margin-bottom:16px;cursor:pointer}.pdf-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}.pdf-form-section .section-header .section-content,.qr-type-form-section .section-header .section-content{flex:1 1}.pdf-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}.pdf-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}.pdf-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}.pdf-form-section .section-form,.qr-type-form-section .section-form{margin-left:40px}.pdf-form-section .section-form .field-group,.qr-type-form-section .section-form .field-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.pdf-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}.pdf-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}.pdf-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}.pdf-form-section .section-form .field-group .ant-input,.pdf-form-section .section-form .field-group .ant-input-password,.pdf-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}.pdf-form-section .section-form .field-group .ant-input-password::placeholder,.pdf-form-section .section-form .field-group .ant-input::placeholder,.pdf-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}.pdf-form-section .section-form .field-group .ant-input-password:focus,.pdf-form-section .section-form .field-group .ant-input:focus,.pdf-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)}.pdf-form-section .section-form .field-group .ant-input-password:hover,.pdf-form-section .section-form .field-group .ant-input:hover,.pdf-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)}.pdf-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}.pdf-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}.pdf-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}.pdf-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}.pdf-form-section .section-form .ant-form-item .ant-input,.pdf-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}.pdf-form-section .section-form .ant-form-item .ant-input-password::placeholder,.pdf-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}.pdf-form-section .section-form .ant-form-item .ant-input-password:focus,.pdf-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)}.pdf-form-section .section-form .ant-form-item .ant-input-password:hover,.pdf-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)}.pdf-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}.pdf-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}.pdf-form-section .section-form>div>.ant-form-item,.qr-type-form-section .section-form>div>.ant-form-item{margin-bottom:0}.pdf-checkbox .ant-checkbox .ant-checkbox-inner,.qr-type-checkbox .ant-checkbox .ant-checkbox-inner{border-radius:4px}.pdf-checkbox .ant-checkbox-wrapper,.qr-type-checkbox .ant-checkbox-wrapper{font-size:14px;color:#333}@media(max-width:768px){.pdf-form-container,.pdf-form-section,.qr-type-form-container,.qr-type-form-section{padding:12px}.pdf-form-section .section-header .section-icon,.qr-type-form-section .section-header .section-icon{width:36px;height:36px;font-size:16px;margin-right:12px}.pdf-form-section .section-header .section-content .section-title,.qr-type-form-section .section-header .section-content .section-title{font-size:15px}.pdf-form-section .section-header .section-content .section-description,.qr-type-form-section .section-header .section-content .section-description{font-size:13px}.pdf-form-section .section-form,.qr-type-form-section .section-form{margin-left:32px}.pdf-form-section .section-form .field-group,.qr-type-form-section .section-form .field-group{margin-bottom:12px}.pdf-form-section .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:13px}.pdf-form-section .section-form .field-group .ant-input,.pdf-form-section .section-form .field-group .ant-input-password,.pdf-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){.pdf-form-section,.qr-type-form-section{padding:8px}.pdf-form-section .section-header,.qr-type-form-section .section-header{flex-direction:column;align-items:flex-start}.pdf-form-section .section-header .section-icon,.qr-type-form-section .section-header .section-icon{margin-right:0;margin-bottom:12px}.pdf-form-section .section-form,.qr-type-form-section .section-form{margin-left:0}.pdf-form-section .section-form .field-group,.qr-type-form-section .section-form .field-group{margin-bottom:10px}.pdf-form-section .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:12px}.pdf-form-section .section-form .field-group .ant-input,.pdf-form-section .section-form .field-group .ant-input-password,.pdf-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}.pdf-form-section .section-form .field-group .field-hint,.qr-type-form-section .section-form .field-group .field-hint{font-size:11px}}.pdf-container{max-width:1400px;margin:0 auto;padding:0 32px;gap:40px;align-items:flex-start}.pdf-info-component,.pdf-upload-component{margin-bottom:0!important}.pdf-preview-container{flex:0 0 400px;position:-webkit-sticky;position:sticky;top:100px;height:-moz-fit-content;height:fit-content;z-index:100}.pdf-form-container{flex:1 1;max-width:800px;margin:0;padding:20px}.pdf-form{min-height:auto;margin-bottom:0}.customization-container{flex:1 1;max-width:800px;margin:0;padding:20px;background:#fff;border-radius:12px;border:1px solid #e8e8e8;box-shadow:0 2px 8px rgba(0,0,0,.06)}.customization-container h3{font-size:24px;font-weight:700;color:#333;margin:0 0 8px}.customization-container p{font-size:16px;color:#666;margin:0 0 24px;line-height:1.5}@media(max-width:1200px){.pdf-container{flex-direction:column;align-items:center;gap:32px;padding:0 24px}.pdf-container .pdf-preview-container{position:static;flex:0 0 auto;width:100%;max-width:400px;z-index:1}.pdf-container .pdf-form-container{width:100%;max-width:800px;padding:16px}}@media(max-width:768px){.pdf-container{padding:0 8px;gap:20px}.pdf-container .pdf-preview-container{margin-bottom:20px}.pdf-container .pdf-form-container{padding:8px}}@media(max-width:480px){.pdf-container{padding:0 6px;gap:16px}.pdf-container .pdf-preview-container{margin-bottom:16px}.pdf-container .pdf-form-container{padding:6px}}@media(max-width:320px){.pdf-container{padding:0 4px;gap:12px}.pdf-container .pdf-preview-container{margin-bottom:12px}.pdf-container .pdf-form-container{padding:4px}}.qr-type-container,.social-container{display:flex;justify-content:center}.qr-type-preview-container,.social-preview-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.qr-type-form-container,.social-form-container{max-width:800px;width:100%;padding:4px 16px 16px;margin:0 auto}.qr-type-form,.social-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,.social-form .ant-form-item-label{font-weight:500;color:#333;margin-bottom:8px}.qr-type-collapse,.social-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,.social-collapse .ant-collapse-item{border:none}.qr-type-collapse .ant-collapse-item .ant-collapse-header,.social-collapse .ant-collapse-item .ant-collapse-header{padding:0;border:none}.qr-type-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow,.social-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,.social-collapse .ant-collapse-item .ant-collapse-content{border:none}.qr-type-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box,.social-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{padding:0}.ant-collapse-borderless.social-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,.social-form-section{padding:16px;background-color:#fafafa;border-radius:12px;border:1px solid #f0f0f0}.qr-type-form-section .section-header,.social-form-section .section-header{display:flex;align-items:flex-start;margin-bottom:16px;cursor:pointer}.qr-type-form-section .section-header .section-icon,.social-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,.social-form-section .section-header .section-content{flex:1 1}.qr-type-form-section .section-header .section-content .section-title,.social-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,.social-form-section .section-header .section-content .section-title .required{color:#ff4d4f;margin-left:4px}.qr-type-form-section .section-header .section-content .section-description,.social-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,.social-form-section .section-form{margin-left:40px}.qr-type-form-section .section-form .field-group,.social-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,.social-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,.social-form-section .section-form .field-group .field-label .required{color:#ff4d4f;margin-left:4px}.qr-type-form-section .section-form .field-group .field-hint,.social-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,.social-form-section .section-form .field-group .ant-input,.social-form-section .section-form .field-group .ant-input-password,.social-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,.social-form-section .section-form .field-group .ant-input-password::placeholder,.social-form-section .section-form .field-group .ant-input::placeholder,.social-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,.social-form-section .section-form .field-group .ant-input-password:focus,.social-form-section .section-form .field-group .ant-input:focus,.social-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,.social-form-section .section-form .field-group .ant-input-password:hover,.social-form-section .section-form .field-group .ant-input:hover,.social-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,.social-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,.social-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,.social-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,.social-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,.social-form-section .section-form .ant-form-item .ant-input,.social-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,.social-form-section .section-form .ant-form-item .ant-input-password::placeholder,.social-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,.social-form-section .section-form .ant-form-item .ant-input-password:focus,.social-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,.social-form-section .section-form .ant-form-item .ant-input-password:hover,.social-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,.social-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,.social-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,.social-form-section .section-form>div>.ant-form-item{margin-bottom:0}.qr-type-checkbox .ant-checkbox .ant-checkbox-inner,.social-checkbox .ant-checkbox .ant-checkbox-inner{border-radius:4px}.qr-type-checkbox .ant-checkbox-wrapper,.social-checkbox .ant-checkbox-wrapper{font-size:14px;color:#333}@media(max-width:768px){.qr-type-form-container,.qr-type-form-section,.social-form-container,.social-form-section{padding:12px}.qr-type-form-section .section-header .section-icon,.social-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,.social-form-section .section-header .section-content .section-title{font-size:15px}.qr-type-form-section .section-header .section-content .section-description,.social-form-section .section-header .section-content .section-description{font-size:13px}.qr-type-form-section .section-form,.social-form-section .section-form{margin-left:32px}.qr-type-form-section .section-form .field-group,.social-form-section .section-form .field-group{margin-bottom:12px}.qr-type-form-section .section-form .field-group .field-label,.social-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,.social-form-section .section-form .field-group .ant-input,.social-form-section .section-form .field-group .ant-input-password,.social-form-section .section-form .field-group .qr-input{padding:6px 10px;font-size:13px}}@media(max-width:480px){.qr-type-form-section,.social-form-section{padding:8px}.qr-type-form-section .section-header,.social-form-section .section-header{flex-direction:column;align-items:flex-start}.qr-type-form-section .section-header .section-icon,.social-form-section .section-header .section-icon{margin-right:0;margin-bottom:12px}.qr-type-form-section .section-form,.social-form-section .section-form{margin-left:0}.qr-type-form-section .section-form .field-group,.social-form-section .section-form .field-group{margin-bottom:10px}.qr-type-form-section .section-form .field-group .field-label,.social-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,.social-form-section .section-form .field-group .ant-input,.social-form-section .section-form .field-group .ant-input-password,.social-form-section .section-form .field-group .qr-input{padding:6px 8px;font-size:12px}.qr-type-form-section .section-form .field-group .field-hint,.social-form-section .section-form .field-group .field-hint{font-size:11px}}.social-container{max-width:1400px;margin:0 auto;padding:0 32px;gap:40px;align-items:flex-start}.social-preview-container{flex:0 0 400px;position:-webkit-sticky;position:sticky;top:100px;height:-moz-fit-content;height:fit-content;z-index:100}.social-form-container{flex:1 1;max-width:800px;margin:0;padding:20px}.social-form{min-height:auto;margin-bottom:0}@media(max-width:1200px){.social-container{flex-direction:column;align-items:center;gap:32px;padding:0 24px}.social-container .social-preview-container{position:static;flex:0 0 auto;width:100%;max-width:400px;z-index:1}.social-container .social-form-container{width:100%;max-width:800px;padding:16px}}@media(max-width:768px){.social-container{padding:0 8px;gap:20px}.social-container .social-preview-container{margin-bottom:20px}.social-container .social-form-container{padding:8px}}@media(max-width:480px){.social-container{padding:0 6px;gap:16px}.social-container .social-preview-container{margin-bottom:16px}.social-container .social-form-container{padding:6px}}@media(max-width:320px){.social-container{padding:0 4px;gap:12px}.social-container .social-preview-container{margin-bottom:12px}.social-container .social-form-container{padding:4px}}.social-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,#1DA1F2);overflow:hidden}.profile-image{position:absolute;width:100px;height:100px;border-radius:50%;overflow:hidden;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:3px solid hsla(0,0%,100%,.3);display:flex;align-items:center;justify-content:center;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-image img{width:100%;height:100%;object-fit:cover}.social-preview-content{background:#fff;border-radius:0 0 16px 16px;min-height:400px;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.social-info{text-align:center;margin-bottom:24px;padding:0 16px}.social-info .social-title{font-size:24px;font-weight:700;color:#1a202c;margin:0 0 8px;line-height:1.2}.social-info .social-subtitle{font-size:14px;color:#718096;margin:0;line-height:1.4}.social-networks{padding:0 16px 16px}.social-networks h3{font-size:18px;font-weight:600;color:#2d3748;margin:0 0 16px;display:flex;align-items:center}.social-networks .social-network{display:flex;align-items:center;padding:12px;margin-bottom:8px;border-radius:12px;background:#f7fafc;border:1px solid #e2e8f0;transition:all .2s ease}.social-networks .social-network:hover{background:#edf2f7;border-color:#cbd5e0;transform:translateY(-1px);box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}.social-networks .social-network:last-child{margin-bottom:0}.social-networks .social-network-icon{display:flex;align-items:center;width:100%}.social-networks .social-network-url{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 16px;text-align:center;min-height:300px}.no-content h3{font-size:18px;font-weight:600;margin:0 0 8px}.no-content p{font-size:14px;line-height:1.4;margin:0}@media(max-width:480px){.social-preview-container{max-width:100%}.preview-cover{height:160px}.profile-image{width:80px;height:80px}.social-info .social-title{font-size:20px}.social-networks h3{font-size:16px}}