.qr-type-form-section,.welcome-screen-form-section{padding:16px;background-color:#fafafa;border-radius:12px;border:1px solid #f0f0f0}.qr-type-form-section .section-header,.welcome-screen-form-section .section-header{display:flex;align-items:flex-start;margin-bottom:16px;cursor:pointer}.qr-type-form-section .section-header .section-icon,.welcome-screen-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,.welcome-screen-form-section .section-header .section-content{flex:1 1}.qr-type-form-section .section-header .section-content .section-title,.welcome-screen-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,.welcome-screen-form-section .section-header .section-content .section-title .required{color:#ff4d4f;margin-left:4px}.qr-type-form-section .section-header .section-content .section-description,.welcome-screen-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,.welcome-screen-form-section .section-form{margin-left:40px}.qr-type-form-section .section-form .field-group,.welcome-screen-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,.welcome-screen-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,.welcome-screen-form-section .section-form .field-group .field-label .required{color:#ff4d4f;margin-left:4px}.qr-type-form-section .section-form .field-group .field-hint,.welcome-screen-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,.welcome-screen-form-section .section-form .field-group .ant-input,.welcome-screen-form-section .section-form .field-group .ant-input-password,.welcome-screen-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,.welcome-screen-form-section .section-form .field-group .ant-input-password::placeholder,.welcome-screen-form-section .section-form .field-group .ant-input::placeholder,.welcome-screen-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,.welcome-screen-form-section .section-form .field-group .ant-input-password:focus,.welcome-screen-form-section .section-form .field-group .ant-input:focus,.welcome-screen-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,.welcome-screen-form-section .section-form .field-group .ant-input-password:hover,.welcome-screen-form-section .section-form .field-group .ant-input:hover,.welcome-screen-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,.welcome-screen-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,.welcome-screen-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,.welcome-screen-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,.welcome-screen-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,.welcome-screen-form-section .section-form .ant-form-item .ant-input,.welcome-screen-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,.welcome-screen-form-section .section-form .ant-form-item .ant-input-password::placeholder,.welcome-screen-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,.welcome-screen-form-section .section-form .ant-form-item .ant-input-password:focus,.welcome-screen-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,.welcome-screen-form-section .section-form .ant-form-item .ant-input-password:hover,.welcome-screen-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,.welcome-screen-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,.welcome-screen-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,.welcome-screen-form-section .section-form>div>.ant-form-item{margin-bottom:0}@media(max-width:768px){.qr-type-form-container,.qr-type-form-section,.welcome-screen-form-section{padding:12px}.qr-type-form-section .section-header .section-icon,.welcome-screen-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,.welcome-screen-form-section .section-header .section-content .section-title{font-size:15px}.qr-type-form-section .section-header .section-content .section-description,.welcome-screen-form-section .section-header .section-content .section-description{font-size:13px}.qr-type-form-section .section-form,.welcome-screen-form-section .section-form{margin-left:32px}.qr-type-form-section .section-form .field-group,.welcome-screen-form-section .section-form .field-group{margin-bottom:12px}.qr-type-form-section .section-form .field-group .field-label,.welcome-screen-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,.welcome-screen-form-section .section-form .field-group .ant-input,.welcome-screen-form-section .section-form .field-group .ant-input-password,.welcome-screen-form-section .section-form .field-group .qr-input{padding:6px 10px;font-size:13px}}@media(max-width:480px){.qr-type-form-section,.welcome-screen-form-section{padding:8px}.qr-type-form-section .section-header,.welcome-screen-form-section .section-header{flex-direction:column;align-items:flex-start}.qr-type-form-section .section-header .section-icon,.welcome-screen-form-section .section-header .section-icon{margin-right:0;margin-bottom:12px}.qr-type-form-section .section-form,.welcome-screen-form-section .section-form{margin-left:0}.qr-type-form-section .section-form .field-group,.welcome-screen-form-section .section-form .field-group{margin-bottom:10px}.qr-type-form-section .section-form .field-group .field-label,.welcome-screen-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,.welcome-screen-form-section .section-form .field-group .ant-input,.welcome-screen-form-section .section-form .field-group .ant-input-password,.welcome-screen-form-section .section-form .field-group .qr-input{padding:6px 8px;font-size:12px}.qr-type-form-section .section-form .field-group .field-hint,.welcome-screen-form-section .section-form .field-group .field-hint{font-size:11px}}.welcome-screen-form-section .section-form{margin-left:56px}.welcome-screen-form-section .section-form .upload-zone{border:2px dashed #d9d9d9;border-radius:12px;text-align:center;background-color:#fafafa;transition:all .3s ease;cursor:pointer;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px}.welcome-screen-form-section .section-form .upload-zone:hover{border-color:var(--primary-color,#3253FA);background-color:rgba(50,83,250,.02);transform:translateY(-2px);box-shadow:0 8px 24px rgba(50,83,250,.08)}.welcome-screen-form-section .section-form .upload-zone .upload-icon{width:80px;height:80px;border-radius:50%;background-color:#f0f0f0;display:flex;align-items:center;justify-content:center;margin-bottom:8px;transition:all .3s ease}.welcome-screen-form-section .section-form .upload-zone .upload-icon .anticon{font-size:32px;color:#999}.welcome-screen-form-section .section-form .upload-zone:hover .upload-icon{background-color:rgba(50,83,250,.1)}.welcome-screen-form-section .section-form .upload-zone:hover .upload-icon .anticon{color:var(--primary-color,#3253FA)}.welcome-screen-form-section .section-form .upload-zone .upload-text{display:flex;flex-direction:column;gap:8px}.welcome-screen-form-section .section-form .upload-zone .upload-text .upload-message{font-size:16px;color:#333;margin:0;font-weight:500;line-height:1.4}.welcome-screen-form-section .section-form .upload-zone .upload-text .upload-limit{font-size:14px;color:var(--primary-color,#3253FA);margin:0;font-weight:500}.welcome-screen-form-section .section-form .welcome-image-preview{border:1px solid #e8e8e8;border-radius:12px;overflow:hidden;position:relative;box-shadow:0 2px 8px rgba(0,0,0,.1)}.welcome-screen-form-section .section-form .welcome-image-preview .preview-image{width:100%;height:200px;object-fit:cover;display:block}.welcome-screen-form-section .section-form .welcome-image-preview .image-overlay{position:absolute;bottom:0;left:0;right:0;background:rgba(0,0,0,.7);padding:12px;display:flex;justify-content:space-between;align-items:center}.welcome-screen-form-section .section-form .welcome-image-preview .image-overlay .image-info{display:flex;align-items:center;gap:8px;color:#fff}.welcome-screen-form-section .section-form .welcome-image-preview .image-overlay .image-info .file-icon{font-size:16px}.welcome-screen-form-section .section-form .welcome-image-preview .image-overlay .image-info .file-name{font-size:14px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.welcome-screen-form-section .section-form .welcome-image-preview .image-overlay .remove-btn{color:#ff4d4f;border:none;padding:4px 8px;font-size:12px}.welcome-screen-form-section .section-form .welcome-image-preview .image-overlay .remove-btn:hover{color:#ff7875;background:hsla(0,0%,100%,.1)}.welcome-screen-form-section .section-form .ant-upload-wrapper .ant-upload{display:block!important;width:100%}@media(max-width:768px){.welcome-screen-form-section .section-form{margin-left:48px}.welcome-screen-form-section .section-form .upload-zone{padding:60px 30px;min-height:250px}.welcome-screen-form-section .section-form .upload-zone .upload-icon{width:70px;height:70px}.welcome-screen-form-section .section-form .upload-zone .upload-icon .anticon{font-size:28px}.welcome-screen-form-section .section-form .upload-zone .upload-text{gap:6px}.welcome-screen-form-section .section-form .upload-zone .upload-text .upload-message{font-size:15px}.welcome-screen-form-section .section-form .upload-zone .upload-text .upload-limit{font-size:13px}}@media(max-width:480px){.welcome-screen-form-section .section-form{margin-left:0}.welcome-screen-form-section .section-form .upload-zone{padding:40px 20px;min-height:200px;gap:12px}.welcome-screen-form-section .section-form .upload-zone .upload-icon{width:60px;height:60px}.welcome-screen-form-section .section-form .upload-zone .upload-icon .anticon{font-size:24px}.welcome-screen-form-section .section-form .upload-zone .upload-text{gap:4px}.welcome-screen-form-section .section-form .upload-zone .upload-text .upload-message{font-size:14px}.welcome-screen-form-section .section-form .upload-zone .upload-text .upload-limit{font-size:12px}}.apps-container,.qr-type-container{display:flex;justify-content:center}.apps-preview-container,.qr-type-preview-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.apps-form-container,.qr-type-form-container{max-width:800px;width:100%;padding:4px 16px 16px;margin:0 auto}.apps-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}.apps-form .ant-form-item-label,.qr-type-form .ant-form-item-label{font-weight:500;color:#333;margin-bottom:8px}.apps-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)}.apps-collapse .ant-collapse-item,.qr-type-collapse .ant-collapse-item{border:none}.apps-collapse .ant-collapse-item .ant-collapse-header,.qr-type-collapse .ant-collapse-item .ant-collapse-header{padding:0;border:none}.apps-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}.apps-collapse .ant-collapse-item .ant-collapse-content,.qr-type-collapse .ant-collapse-item .ant-collapse-content{border:none}.apps-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.apps-collapse,.qr-type-collapse.ant-collapse-borderless{background:rgba(0,0,0,0)}.apps-form-section,.qr-type-form-section{padding:16px;background-color:#fafafa;border-radius:12px;border:1px solid #f0f0f0}.apps-form-section .section-header,.qr-type-form-section .section-header{display:flex;align-items:flex-start;margin-bottom:16px;cursor:pointer}.apps-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}.apps-form-section .section-header .section-content,.qr-type-form-section .section-header .section-content{flex:1 1}.apps-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}.apps-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}.apps-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}.apps-form-section .section-form,.qr-type-form-section .section-form{margin-left:40px}.apps-form-section .section-form .field-group,.qr-type-form-section .section-form .field-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.apps-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}.apps-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}.apps-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}.apps-form-section .section-form .field-group .ant-input,.apps-form-section .section-form .field-group .ant-input-password,.apps-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}.apps-form-section .section-form .field-group .ant-input-password::placeholder,.apps-form-section .section-form .field-group .ant-input::placeholder,.apps-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}.apps-form-section .section-form .field-group .ant-input-password:focus,.apps-form-section .section-form .field-group .ant-input:focus,.apps-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)}.apps-form-section .section-form .field-group .ant-input-password:hover,.apps-form-section .section-form .field-group .ant-input:hover,.apps-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)}.apps-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}.apps-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}.apps-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}.apps-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}.apps-form-section .section-form .ant-form-item .ant-input,.apps-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}.apps-form-section .section-form .ant-form-item .ant-input-password::placeholder,.apps-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}.apps-form-section .section-form .ant-form-item .ant-input-password:focus,.apps-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)}.apps-form-section .section-form .ant-form-item .ant-input-password:hover,.apps-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)}.apps-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}.apps-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}.apps-form-section .section-form>div>.ant-form-item,.qr-type-form-section .section-form>div>.ant-form-item{margin-bottom:0}.apps-checkbox .ant-checkbox .ant-checkbox-inner,.qr-type-checkbox .ant-checkbox .ant-checkbox-inner{border-radius:4px}.apps-checkbox .ant-checkbox-wrapper,.qr-type-checkbox .ant-checkbox-wrapper{font-size:14px;color:#333}@media(max-width:768px){.apps-form-container,.apps-form-section,.qr-type-form-container,.qr-type-form-section{padding:12px}.apps-form-section .section-header .section-icon,.qr-type-form-section .section-header .section-icon{width:36px;height:36px;font-size:16px;margin-right:12px}.apps-form-section .section-header .section-content .section-title,.qr-type-form-section .section-header .section-content .section-title{font-size:15px}.apps-form-section .section-header .section-content .section-description,.qr-type-form-section .section-header .section-content .section-description{font-size:13px}.apps-form-section .section-form,.qr-type-form-section .section-form{margin-left:32px}.apps-form-section .section-form .field-group,.qr-type-form-section .section-form .field-group{margin-bottom:12px}.apps-form-section .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:13px}.apps-form-section .section-form .field-group .ant-input,.apps-form-section .section-form .field-group .ant-input-password,.apps-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){.apps-form-section,.qr-type-form-section{padding:8px}.apps-form-section .section-header,.qr-type-form-section .section-header{flex-direction:column;align-items:flex-start}.apps-form-section .section-header .section-icon,.qr-type-form-section .section-header .section-icon{margin-right:0;margin-bottom:12px}.apps-form-section .section-form,.qr-type-form-section .section-form{margin-left:0}.apps-form-section .section-form .field-group,.qr-type-form-section .section-form .field-group{margin-bottom:10px}.apps-form-section .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:12px}.apps-form-section .section-form .field-group .ant-input,.apps-form-section .section-form .field-group .ant-input-password,.apps-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}.apps-form-section .section-form .field-group .field-hint,.qr-type-form-section .section-form .field-group .field-hint{font-size:11px}}.apps-container{max-width:1400px;margin:0 auto;padding:0 32px;gap:40px;align-items:flex-start}.apps-preview-container{flex:0 0 400px;position:-webkit-sticky;position:sticky;top:100px;height:-moz-fit-content;height:fit-content}.apps-form-container{flex:1 1;max-width:800px;margin:0;padding:20px}.apps-form{min-height:auto;margin-bottom:0}@media(max-width:1200px){.apps-container{flex-direction:column;align-items:center;gap:32px}.apps-container .apps-preview-container{position:static;flex:0 0 auto;width:100%;max-width:400px}.apps-container .apps-form-container{width:100%;max-width:800px}}@media(max-width:768px){.apps-container{padding:0 16px;gap:24px}}.apps-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,#3253FA);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)}.apps-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}.apps-preview-content .title-section{text-align:center;margin-bottom:24px;padding-bottom:16px;position:relative}.apps-preview-content .title-section .title{font-size:24px;font-weight:800;color:#1a1a1a;letter-spacing:-.02em;margin:0 0 8px}.apps-preview-content .title-section .description{font-size:14px;color:#666;margin:0;line-height:1.4}.apps-preview-content .download-section{padding:16px 0;margin-bottom:6px;position:relative}.apps-preview-content .download-section:last-child{margin-bottom:0;padding-bottom:0}.apps-preview-content .download-section 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}.apps-preview-content .download-section h3:before{content:"";width:3px;height:16px;background:var(--primary-color,#3253FA);border-radius:2px}.apps-preview-content .download-section .download-item{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}.apps-preview-content .download-section .download-item:hover{border-color:#e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.08)}.apps-preview-content .download-section .download-item .download-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;background:#f7fafc;color:#4a5568}.apps-preview-content .download-section .download-item .download-content{flex:1 1;display:flex;flex-direction:column;gap:4px}.apps-preview-content .download-section .download-item .download-content .download-text{font-size:16px;font-weight:500;color:#2c2c2c}.apps-preview-content .download-section .download-item .download-content .download-text:hover{color:var(--primary-color,#3253FA)}.apps-preview-content .download-section .download-item .download-content .download-url{font-size:14px;color:#666;word-break:break-word}.apps-preview-content .no-content{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center}.apps-preview-content .no-content p{margin:0;font-size:16px;color:#999}@media(max-width:480px){.apps-preview-content{padding:20px 16px}.apps-preview-content .title-section .title{font-size:22px}.apps-preview-content .title-section .description{font-size:13px}.apps-preview-content .download-item{padding:12px}.apps-preview-content .download-item .download-content .download-text{font-size:15px}.apps-preview-content .download-item .download-content .download-url{font-size:13px}}@media(prefers-color-scheme:dark){.apps-preview-content{background:#1a1a1a;color:#fff}.apps-preview-content .title-section .title{color:#fff}.apps-preview-content .title-section .description{color:#ccc}.apps-preview-content .download-section{border-color:#333}.apps-preview-content .download-section h3{color:#ccc}.apps-preview-content .download-section .download-item{background:#2a2a2a}.apps-preview-content .download-section .download-item:hover{background:#353535;border-color:#555}.apps-preview-content .download-text{color:#e0e0e0!important}.apps-preview-content .download-url{color:#999!important}}.apps-preview-content{animation:slideInUp .6s cubic-bezier(.16,1,.3,1)}.apps-preview-content>div{opacity:0;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}.apps-preview-content>div:first-child{animation-delay:.1s}.apps-preview-content>div:nth-child(2){animation-delay:.15s}.apps-preview-content>div:nth-child(3){animation-delay:.2s}.apps-preview-content>div:nth-child(4){animation-delay:.25s}.apps-preview-content>div:nth-child(5){animation-delay:.3s}.apps-preview-content>div:nth-child(6){animation-delay:.35s}.apps-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)}}.add-icon-component,.qr-type-form-section{padding:16px;background-color:#fafafa;border-radius:12px;border:1px solid #f0f0f0}.add-icon-component .section-header,.qr-type-form-section .section-header{display:flex;align-items:flex-start;margin-bottom:16px;cursor:pointer}.add-icon-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}.add-icon-component .section-header .section-content,.qr-type-form-section .section-header .section-content{flex:1 1}.add-icon-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}.add-icon-component .section-header .section-content .section-title .required,.qr-type-form-section .section-header .section-content .section-title .required{color:#ff4d4f;margin-left:4px}.add-icon-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}.add-icon-component .section-form,.qr-type-form-section .section-form{margin-left:40px}.add-icon-component .section-form .field-group,.qr-type-form-section .section-form .field-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.add-icon-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}.add-icon-component .section-form .field-group .field-label .required,.qr-type-form-section .section-form .field-group .field-label .required{color:#ff4d4f;margin-left:4px}.add-icon-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}.add-icon-component .section-form .field-group .ant-input,.add-icon-component .section-form .field-group .ant-input-password,.add-icon-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}.add-icon-component .section-form .field-group .ant-input-password::placeholder,.add-icon-component .section-form .field-group .ant-input::placeholder,.add-icon-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}.add-icon-component .section-form .field-group .ant-input-password:focus,.add-icon-component .section-form .field-group .ant-input:focus,.add-icon-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)}.add-icon-component .section-form .field-group .ant-input-password:hover,.add-icon-component .section-form .field-group .ant-input:hover,.add-icon-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)}.add-icon-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}.add-icon-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}.add-icon-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}.add-icon-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}.add-icon-component .section-form .ant-form-item .ant-input,.add-icon-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}.add-icon-component .section-form .ant-form-item .ant-input-password::placeholder,.add-icon-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}.add-icon-component .section-form .ant-form-item .ant-input-password:focus,.add-icon-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)}.add-icon-component .section-form .ant-form-item .ant-input-password:hover,.add-icon-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)}.add-icon-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}.add-icon-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}.add-icon-component .section-form>div>.ant-form-item,.qr-type-form-section .section-form>div>.ant-form-item{margin-bottom:0}@media(max-width:768px){.add-icon-component,.qr-type-form-container,.qr-type-form-section{padding:12px}.add-icon-component .section-header .section-icon,.qr-type-form-section .section-header .section-icon{width:36px;height:36px;font-size:16px;margin-right:12px}.add-icon-component .section-header .section-content .section-title,.qr-type-form-section .section-header .section-content .section-title{font-size:15px}.add-icon-component .section-header .section-content .section-description,.qr-type-form-section .section-header .section-content .section-description{font-size:13px}.add-icon-component .section-form,.qr-type-form-section .section-form{margin-left:32px}.add-icon-component .section-form .field-group,.qr-type-form-section .section-form .field-group{margin-bottom:12px}.add-icon-component .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:13px}.add-icon-component .section-form .field-group .ant-input,.add-icon-component .section-form .field-group .ant-input-password,.add-icon-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){.add-icon-component,.qr-type-form-section{padding:8px}.add-icon-component .section-header,.qr-type-form-section .section-header{flex-direction:column;align-items:flex-start}.add-icon-component .section-header .section-icon,.qr-type-form-section .section-header .section-icon{margin-right:0;margin-bottom:12px}.add-icon-component .section-form,.qr-type-form-section .section-form{margin-left:0}.add-icon-component .section-form .field-group,.qr-type-form-section .section-form .field-group{margin-bottom:10px}.add-icon-component .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:12px}.add-icon-component .section-form .field-group .ant-input,.add-icon-component .section-form .field-group .ant-input-password,.add-icon-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}.add-icon-component .section-form .field-group .field-hint,.qr-type-form-section .section-form .field-group .field-hint{font-size:11px}}.add-icon-component{border:none;padding:16px;margin-bottom:0}.add-icon-component .add-icon-panel-content{margin-left:40px;display:flex;flex-direction:column;gap:16px}.add-icon-component .add-icon-panel-content .icon-toggle{display:flex;align-items:center;gap:12px;margin-bottom:16px}.add-icon-component .add-icon-panel-content .icon-toggle .toggle-label{font-size:14px;font-weight:500;color:#333}.add-icon-component .add-icon-panel-content .icon-type-selector{margin-bottom:16px}.add-icon-component .add-icon-panel-content .icon-type-selector .radio-group{display:flex;gap:16px}.add-icon-component .add-icon-panel-content .icon-type-selector .radio-group .radio-option{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #e8e8e8;border-radius:8px;cursor:pointer;transition:all .3s ease;background:rgba(0,0,0,0)}.add-icon-component .add-icon-panel-content .icon-type-selector .radio-group .radio-option:hover{border-color:var(--primary-color,#3253FA);background:rgba(50,83,250,.05)}.add-icon-component .add-icon-panel-content .icon-type-selector .radio-group .radio-option.active{border-color:var(--primary-color,#3253FA);background:rgba(50,83,250,.1)}.add-icon-component .add-icon-panel-content .icon-type-selector .radio-group .radio-option .radio-circle{width:16px;height:16px;border:2px solid #d9d9d9;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.add-icon-component .add-icon-panel-content .icon-type-selector .radio-group .radio-option .radio-circle .radio-dot{width:8px;height:8px;background:var(--primary-color,#3253FA);border-radius:50%}.add-icon-component .add-icon-panel-content .icon-type-selector .radio-group .radio-option span{font-size:14px;color:#333}.add-icon-component .add-icon-panel-content .preset-icons .icons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));grid-gap:12px;gap:12px}.add-icon-component .add-icon-panel-content .preset-icons .icons-grid .icon-option{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;border:1px solid #e8e8e8;border-radius:8px;cursor:pointer;transition:all .3s ease;background:rgba(0,0,0,0)}.add-icon-component .add-icon-panel-content .preset-icons .icons-grid .icon-option:hover{border-color:var(--primary-color,#3253FA);transform:translateY(-2px);box-shadow:0 4px 12px rgba(50,83,250,.1)}.add-icon-component .add-icon-panel-content .preset-icons .icons-grid .icon-option.selected{border-color:var(--primary-color,#3253FA);background:rgba(50,83,250,.05);box-shadow:0 4px 12px rgba(50,83,250,.15)}.add-icon-component .add-icon-panel-content .preset-icons .icons-grid .icon-option img{width:32px;height:32px;object-fit:contain}.add-icon-component .add-icon-panel-content .preset-icons .icons-grid .icon-option span{font-size:12px;color:#333;text-align:center}.add-icon-component .add-icon-panel-content .custom-upload .ant-upload-drag{border:2px dashed #d9d9d9;border-radius:8px;background:rgba(0,0,0,0);transition:all .3s ease}.add-icon-component .add-icon-panel-content .custom-upload .ant-upload-drag:hover{border-color:var(--primary-color,#3253FA);background:rgba(50,83,250,.05)}.add-icon-component .add-icon-panel-content .custom-upload .ant-upload-drag .ant-upload-drag-icon{color:var(--primary-color,#3253FA);font-size:24px}.add-icon-component .add-icon-panel-content .custom-upload .ant-upload-drag .ant-upload-text{font-size:14px;color:#333;margin:8px 0 4px}.add-icon-component .add-icon-panel-content .custom-upload .ant-upload-drag .ant-upload-hint{font-size:12px;color:#666}.add-icon-component .add-icon-panel-content .custom-upload .uploaded-preview{text-align:center}.add-icon-component .add-icon-panel-content .custom-upload .uploaded-preview img{border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.add-icon-component .add-icon-panel-content .custom-upload .uploaded-preview p{margin-top:8px;font-size:12px;color:#666}.add-icon-component .add-icon-panel-content .icon-preview h4{font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.add-icon-component .add-icon-panel-content .icon-preview .preview-container{display:flex;align-items:center;justify-content:center;min-height:80px;border:1px solid #e8e8e8;border-radius:8px;background:#fafafa}.add-icon-component .add-icon-panel-content .icon-preview .preview-container .preview-icon{width:48px;height:48px;object-fit:contain}.add-icon-component .add-icon-panel-content .icon-preview .preview-container .no-preview{font-size:12px;color:#999;font-style:italic}[data-theme=dark] .add-icon-component .section-header .section-content .section-title{color:#fff}[data-theme=dark] .add-icon-component .section-header .section-content .section-description{color:#a0a0a0}[data-theme=dark] .add-icon-component .add-icon-panel-content .icon-toggle .toggle-label{color:#fff}[data-theme=dark] .add-icon-component .add-icon-panel-content .icon-type-selector .radio-group .radio-option{border-color:#404040;background:#1a1a1a}[data-theme=dark] .add-icon-component .add-icon-panel-content .icon-type-selector .radio-group .radio-option span{color:#fff}[data-theme=dark] .add-icon-component .add-icon-panel-content .icon-type-selector .radio-group .radio-option.active,[data-theme=dark] .add-icon-component .add-icon-panel-content .icon-type-selector .radio-group .radio-option:hover{background:#2a2a2a}[data-theme=dark] .add-icon-component .add-icon-panel-content .preset-icons .icons-grid .icon-option{border-color:#404040;background:#1a1a1a}[data-theme=dark] .add-icon-component .add-icon-panel-content .preset-icons .icons-grid .icon-option span{color:#fff}[data-theme=dark] .add-icon-component .add-icon-panel-content .preset-icons .icons-grid .icon-option.selected,[data-theme=dark] .add-icon-component .add-icon-panel-content .preset-icons .icons-grid .icon-option:hover{background:#2a2a2a}[data-theme=dark] .add-icon-component .add-icon-panel-content .custom-upload .ant-upload-drag{border-color:#404040;background:#1a1a1a}[data-theme=dark] .add-icon-component .add-icon-panel-content .custom-upload .ant-upload-drag .ant-upload-text{color:#fff}[data-theme=dark] .add-icon-component .add-icon-panel-content .custom-upload .ant-upload-drag .ant-upload-hint{color:#a0a0a0}[data-theme=dark] .add-icon-component .add-icon-panel-content .custom-upload .ant-upload-drag:hover{background:#2a2a2a}[data-theme=dark] .add-icon-component .add-icon-panel-content .icon-preview h4{color:#fff}[data-theme=dark] .add-icon-component .add-icon-panel-content .icon-preview .preview-container{border-color:#404040;background:#1a1a1a}[data-theme=dark] .add-icon-component .add-icon-panel-content .icon-preview .preview-container .no-preview{color:#666}@media(max-width:768px){.add-icon-component{padding:12px}.add-icon-component .add-icon-panel-content{margin-left:0;gap:12px}.add-icon-component .add-icon-panel-content .icon-type-selector .radio-group{gap:8px}.add-icon-component .add-icon-panel-content .icon-type-selector .radio-group .radio-option{padding:10px 12px}.add-icon-component .add-icon-panel-content .icon-type-selector .radio-group .radio-option span{font-size:13px}.add-icon-component .add-icon-panel-content .preset-icons{grid-template-columns:repeat(auto-fill,minmax(70px,1fr));gap:10px}.add-icon-component .add-icon-panel-content .preset-icons .icon-option{padding:10px}.add-icon-component .add-icon-panel-content .preset-icons .icon-option img{width:28px;height:28px}.add-icon-component .add-icon-panel-content .preset-icons .icon-option span{font-size:11px}}@media(max-width:480px){.add-icon-component{padding:8px}.add-icon-component .add-icon-panel-content{margin-left:0;gap:10px}.add-icon-component .add-icon-panel-content .icon-toggle{gap:8px;margin-bottom:12px}.add-icon-component .add-icon-panel-content .icon-toggle .toggle-label{font-size:13px}.add-icon-component .add-icon-panel-content .icon-type-selector{margin-bottom:12px}.add-icon-component .add-icon-panel-content .icon-type-selector .radio-group{flex-direction:column;gap:6px}.add-icon-component .add-icon-panel-content .icon-type-selector .radio-group .radio-option{padding:8px 10px;width:100%}.add-icon-component .add-icon-panel-content .icon-type-selector .radio-group .radio-option span{font-size:12px}.add-icon-component .add-icon-panel-content .preset-icons{grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:8px}.add-icon-component .add-icon-panel-content .preset-icons .icon-option{padding:8px}.add-icon-component .add-icon-panel-content .preset-icons .icon-option img{width:24px;height:24px}.add-icon-component .add-icon-panel-content .preset-icons .icon-option span{font-size:10px}}.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,.qr-type-panel{background:rgba(0,0,0,0)}.qr-type-panel{border:none}.qr-pattern-component,.qr-type-form-section{padding:16px;background-color:#fafafa;border-radius:12px;border:1px solid #f0f0f0}.qr-pattern-component .section-header,.qr-type-form-section .section-header{display:flex;align-items:flex-start;margin-bottom:16px;cursor:pointer}.qr-pattern-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}.qr-pattern-component .section-header .section-content,.qr-type-form-section .section-header .section-content{flex:1 1}.qr-pattern-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}.qr-pattern-component .section-header .section-content .section-title .required,.qr-type-form-section .section-header .section-content .section-title .required{color:#ff4d4f;margin-left:4px}.qr-pattern-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}.qr-pattern-component .section-form,.qr-type-form-section .section-form{margin-left:40px}.qr-pattern-component .section-form .field-group,.qr-type-form-section .section-form .field-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.qr-pattern-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}.qr-pattern-component .section-form .field-group .field-label .required,.qr-type-form-section .section-form .field-group .field-label .required{color:#ff4d4f;margin-left:4px}.qr-pattern-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}.qr-pattern-component .section-form .field-group .ant-input,.qr-pattern-component .section-form .field-group .ant-input-password,.qr-pattern-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}.qr-pattern-component .section-form .field-group .ant-input-password::placeholder,.qr-pattern-component .section-form .field-group .ant-input::placeholder,.qr-pattern-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}.qr-pattern-component .section-form .field-group .ant-input-password:focus,.qr-pattern-component .section-form .field-group .ant-input:focus,.qr-pattern-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)}.qr-pattern-component .section-form .field-group .ant-input-password:hover,.qr-pattern-component .section-form .field-group .ant-input:hover,.qr-pattern-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)}.qr-pattern-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}.qr-pattern-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}.qr-pattern-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}.qr-pattern-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}.qr-pattern-component .section-form .ant-form-item .ant-input,.qr-pattern-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}.qr-pattern-component .section-form .ant-form-item .ant-input-password::placeholder,.qr-pattern-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}.qr-pattern-component .section-form .ant-form-item .ant-input-password:focus,.qr-pattern-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)}.qr-pattern-component .section-form .ant-form-item .ant-input-password:hover,.qr-pattern-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)}.qr-pattern-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}.qr-pattern-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}.qr-pattern-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){.qr-pattern-component,.qr-type-form-container,.qr-type-form-section{padding:12px}.qr-pattern-component .section-header .section-icon,.qr-type-form-section .section-header .section-icon{width:36px;height:36px;font-size:16px;margin-right:12px}.qr-pattern-component .section-header .section-content .section-title,.qr-type-form-section .section-header .section-content .section-title{font-size:15px}.qr-pattern-component .section-header .section-content .section-description,.qr-type-form-section .section-header .section-content .section-description{font-size:13px}.qr-pattern-component .section-form,.qr-type-form-section .section-form{margin-left:32px}.qr-pattern-component .section-form .field-group,.qr-type-form-section .section-form .field-group{margin-bottom:12px}.qr-pattern-component .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:13px}.qr-pattern-component .section-form .field-group .ant-input,.qr-pattern-component .section-form .field-group .ant-input-password,.qr-pattern-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){.qr-pattern-component,.qr-type-form-section{padding:8px}.qr-pattern-component .section-header,.qr-type-form-section .section-header{flex-direction:column;align-items:flex-start}.qr-pattern-component .section-header .section-icon,.qr-type-form-section .section-header .section-icon{margin-right:0;margin-bottom:12px}.qr-pattern-component .section-form,.qr-type-form-section .section-form{margin-left:0}.qr-pattern-component .section-form .field-group,.qr-type-form-section .section-form .field-group{margin-bottom:10px}.qr-pattern-component .section-form .field-group .field-label,.qr-type-form-section .section-form .field-group .field-label{font-size:12px}.qr-pattern-component .section-form .field-group .ant-input,.qr-pattern-component .section-form .field-group .ant-input-password,.qr-pattern-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}.qr-pattern-component .section-form .field-group .field-hint,.qr-type-form-section .section-form .field-group .field-hint{font-size:11px}}.native-color-picker{width:100%;height:40px;border-radius:8px;border:2px solid #e2e8f0;cursor:pointer;transition:all .3s ease}.native-color-picker:focus,.native-color-picker:hover{border-color:#3253fa;box-shadow:0 0 0 3px rgba(50,83,250,.1)}.native-color-picker:focus{outline:none}.qr-pattern-component{border:none;padding:16px}.qr-pattern-component .qr-pattern-panel-content{margin-left:40px;display:flex;flex-direction:column;gap:12px}.qr-pattern-component .qr-pattern-panel-content .corner-styles .subsection-title,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .subsection-title{font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));grid-gap:8px;gap:8px;max-width:100%}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option{border:1px solid #e8e8e8;border-radius:8px;padding:12px 8px;cursor:pointer;transition:all .3s ease;position:relative;background:rgba(0,0,0,0);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option:hover,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option:hover{border-color:var(--primary-color,#3253fa);transform:translateY(-2px);box-shadow:0 4px 12px rgba(50,83,250,.1)}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option.selected,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option.selected{border-color:var(--primary-color,#3253fa);background:rgba(50,83,250,.05);box-shadow:0 4px 12px rgba(50,83,250,.15)}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option.selected .selection-indicator,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option.selected .selection-indicator{opacity:1}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option canvas,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option canvas{margin-bottom:8px;border-radius:4px}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option .corner-preview,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option .corner-preview{margin-bottom:8px;display:flex;align-items:center;justify-content:center;width:80px;height:80px;border-radius:8px;background:#f5f5f5;transition:all .3s ease}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option .corner-preview .corner-demo,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option .corner-preview .corner-demo{font-size:32px;transition:all .3s ease;display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:currentColor}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option .corner-preview .corner-demo.corner-demo-0,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option .corner-preview .corner-demo.corner-demo-0{border-radius:0}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option .corner-preview .corner-demo.corner-demo-1,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option .corner-preview .corner-demo.corner-demo-1{border-radius:12px}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option .corner-preview .corner-demo.corner-demo-2,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option .corner-preview .corner-demo.corner-demo-2{border-radius:20px}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option .corner-preview .corner-demo.corner-demo-3,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option .corner-preview .corner-demo.corner-demo-3{border-radius:30px 5px 30px 5px}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option .pattern-name,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option .pattern-name{font-size:12px;font-weight:500;color:#333;text-align:center;display:block;line-height:1.2}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option .selection-indicator,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option .selection-indicator{position:absolute;top:8px;right:8px;width:20px;height:20px;background:var(--primary-color,#3253fa);border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option .selection-indicator .checkmark,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option .selection-indicator .checkmark{color:#fff;font-size:12px;font-weight:700}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .color-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding:16px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:12px;border:1px solid #e2e8f0}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .color-header .header-left .subsection-title{font-size:16px;font-weight:600;color:#1e293b;margin:0 0 4px}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .color-header .header-left .color-description{font-size:13px;color:#64748b;margin:0;line-height:1.4}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .color-header .gradient-toggle{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .color-header .gradient-toggle .toggle-label{display:flex;flex-direction:column;align-items:flex-end;gap:2px}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .color-header .gradient-toggle .toggle-label .toggle-text{font-size:14px;font-weight:600;color:#1e293b}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .color-header .gradient-toggle .toggle-label .toggle-subtitle{font-size:11px;color:#64748b;font-style:italic}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .color-header .gradient-toggle .gradient-switch .ant-switch{background:#cbd5e1}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .color-header .gradient-toggle .gradient-switch .ant-switch.ant-switch-checked{background:#3253fa}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section .color-picker-wrapper{display:flex;align-items:center;gap:16px;padding:20px;background:#fff;border:2px solid #e2e8f0;border-radius:12px;transition:all .3s ease}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section .color-picker-wrapper:hover{border-color:#3253fa;box-shadow:0 4px 12px rgba(50,83,250,.1)}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section .color-picker-wrapper .current-color-display{display:flex;align-items:center;gap:12px;padding:12px 16px;background:#f8fafc;border-radius:8px;min-width:140px}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section .color-picker-wrapper .current-color-display .color-swatch{width:32px;height:32px;border-radius:8px;border:2px solid #fff;box-shadow:0 2px 8px rgba(0,0,0,.1)}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section .color-picker-wrapper .current-color-display .color-info{display:flex;flex-direction:column;gap:2px}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section .color-picker-wrapper .current-color-display .color-info .color-hex{font-size:14px;font-weight:600;color:#1e293b;font-family:Courier New,monospace}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section .color-picker-wrapper .current-color-display .color-info .color-type{font-size:11px;color:#64748b;text-transform:uppercase;letter-spacing:.5px}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section .color-picker-wrapper .main-color-picker{flex:1 1}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section .color-picker-wrapper .main-color-picker .ant-color-picker-trigger{height:48px!important;border-radius:8px!important;border:2px solid #e2e8f0!important;transition:all .3s ease}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section .color-picker-wrapper .main-color-picker .ant-color-picker-trigger:focus,.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section .color-picker-wrapper .main-color-picker .ant-color-picker-trigger:hover{border-color:#3253fa!important;box-shadow:0 0 0 3px rgba(50,83,250,.1)!important}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section .color-picker-wrapper .main-color-picker .ant-color-picker-color-block{width:24px!important;height:24px!important;border-radius:6px!important}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section .color-picker-wrapper .main-color-picker .ant-color-picker-trigger-text{font-size:14px!important;font-weight:500!important}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section{background:#fff;border:2px solid #e2e8f0;border-radius:16px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.05)}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-preview{background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:20px;border-bottom:1px solid #e2e8f0}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-preview .preview-header{display:flex;justify-content:space-between;align-items:center}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-preview .preview-header .preview-label{font-size:14px;font-weight:600;color:#1e293b;text-transform:uppercase;letter-spacing:.5px}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-preview .preview-header .preview-gradient{width:80px;height:40px;border-radius:20px;border:2px solid #fff}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls{padding:20px}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding:16px;background:#f8fafc;border-radius:10px;box-shadow:0 1px 3px rgba(0,0,0,.05)}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .gradient-style-label{display:flex;flex-direction:column;gap:4px}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .gradient-style-label .label-text{font-size:14px;font-weight:600;color:#1e293b}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .gradient-style-label .label-hint{font-size:12px;color:#64748b;font-style:italic}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .gradient-style-select{width:180px}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .gradient-style-select .ant-select-selector{height:40px!important;border-radius:8px!important;border:2px solid #e2e8f0!important;background:#fff!important;transition:all .3s ease}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .gradient-style-select .ant-select-selector:focus,.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .gradient-style-select .ant-select-selector:hover{border-color:#3253fa!important;box-shadow:0 0 0 3px rgba(50,83,250,.1)!important}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .gradient-style-select .ant-select-selection-item{line-height:36px!important;font-size:14px!important;font-weight:500!important}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .ant-select-dropdown .ant-select-item{padding:12px 16px}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .ant-select-dropdown .ant-select-item .option-content{display:flex;align-items:center;gap:12px}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .ant-select-dropdown .ant-select-item .option-content .option-icon{font-size:18px;width:24px;text-align:center}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .ant-select-dropdown .ant-select-item .option-content .option-text{display:flex;flex-direction:column;gap:2px}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .ant-select-dropdown .ant-select-item .option-content .option-text .option-title{font-size:14px;font-weight:600;color:#1e293b}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .ant-select-dropdown .ant-select-item .option-content .option-text .option-desc{font-size:12px;color:#64748b;font-style:italic}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .ant-select-dropdown .ant-select-item.ant-select-item-option-selected{background:rgba(50,83,250,.1)}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .ant-select-dropdown .ant-select-item.ant-select-item-option-selected .option-text .option-title{color:#3253fa}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-controls .gradient-style-row .ant-select-dropdown .ant-select-item:hover{background:rgba(50,83,250,.05)}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-colors-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-colors-grid .gradient-color-item{display:flex;flex-direction:column;gap:12px;padding:16px;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0;transition:all .3s ease}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-colors-grid .gradient-color-item:hover{border-color:#3253fa;box-shadow:0 4px 12px rgba(50,83,250,.1)}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-colors-grid .gradient-color-item .color-header-item{display:flex;justify-content:space-between;align-items:center}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-colors-grid .gradient-color-item .color-header-item .color-item-label{font-size:13px;font-weight:600;color:#1e293b;text-transform:uppercase;letter-spacing:.5px}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-colors-grid .gradient-color-item .color-header-item .color-preview{width:24px;height:24px;border-radius:6px;border:2px solid #fff;box-shadow:0 2px 6px rgba(0,0,0,.1)}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-trigger{height:40px!important;border-radius:8px!important;border:2px solid #e2e8f0!important;background:#fff!important;transition:all .3s ease}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-trigger:focus,.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-trigger:hover{border-color:#3253fa!important;box-shadow:0 0 0 3px rgba(50,83,250,.1)!important}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-color-block{width:20px!important;height:20px!important;border-radius:4px!important}.qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-trigger-text{font-size:13px!important;font-weight:500!important;font-family:Courier New,monospace!important}.qr-pattern-component .background-settings .background-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.qr-pattern-component .background-settings .background-header .subsection-title{font-size:14px;font-weight:500;color:#333;margin:0}.qr-pattern-component .background-settings .background-header .transparent-toggle{display:flex;align-items:center;gap:8px;font-size:12px;color:#666}.qr-pattern-component .background-settings .background-header .transparent-toggle input[type=checkbox]{accent-color:var(--primary-color,#3253fa)}.qr-pattern-component .background-settings .gradient-background-toggle{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:12px;color:#666;padding:8px 0}.qr-pattern-component .background-settings .pattern-gradient-section{margin-top:16px}.qr-pattern-component .background-settings .pattern-gradient-section .gradient-style-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.qr-pattern-component .background-settings .pattern-gradient-section .gradient-style-row .gradient-style-label{font-size:14px;font-weight:500;color:#333;margin:0}.qr-pattern-component .background-settings .pattern-gradient-section .gradient-style-row .gradient-style-select{width:140px}.qr-pattern-component .background-settings .pattern-gradient-section .gradient-style-row .gradient-style-select .ant-select-selector{height:32px!important;border-radius:6px!important;border:1px solid #e8e8e8!important}.qr-pattern-component .background-settings .pattern-gradient-section .gradient-style-row .gradient-style-select .ant-select-selector:focus,.qr-pattern-component .background-settings .pattern-gradient-section .gradient-style-row .gradient-style-select .ant-select-selector:hover{border-color:var(--primary-color,#3253fa)!important;box-shadow:0 0 0 2px rgba(50,83,250,.1)!important}.qr-pattern-component .background-settings .pattern-gradient-section .gradient-style-row .gradient-style-select .ant-select-selection-item{line-height:30px!important;font-size:13px!important}.qr-pattern-component .background-settings .pattern-gradient-section .gradient-colors-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px}.qr-pattern-component .background-settings .pattern-gradient-section .gradient-colors-grid .gradient-color-item{display:flex;flex-direction:column;gap:8px}.qr-pattern-component .background-settings .pattern-gradient-section .gradient-colors-grid .gradient-color-item .color-item-label{font-size:12px;font-weight:500;color:#333;margin:0}.qr-pattern-component .background-settings .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker{width:100%}.qr-pattern-component .background-settings .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-trigger{width:100%!important;height:36px!important;border-radius:6px!important;border:1px solid #e8e8e8!important}.qr-pattern-component .background-settings .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-trigger:focus,.qr-pattern-component .background-settings .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-trigger:hover{border-color:var(--primary-color,#3253fa)!important;box-shadow:0 0 0 2px rgba(50,83,250,.1)!important}.qr-pattern-component .background-settings .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-color-block{width:20px!important;height:20px!important;border-radius:4px!important}.qr-pattern-component .background-settings .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-trigger-text{font-size:12px!important;font-family:Courier New,monospace!important;text-transform:uppercase!important}.qr-pattern-component .background-settings .background-color-section .color-label{font-size:12px;font-weight:500;color:#333;margin-bottom:8px;display:block}.qr-pattern-component .background-settings .background-color-section .color-picker-container .ant-color-picker{width:100%}.qr-pattern-component .recommendation-note{display:flex;align-items:center;gap:8px;padding:12px;background:rgba(50,83,250,.05);border:1px solid rgba(50,83,250,.1);border-radius:8px;font-size:12px;color:#666}.qr-pattern-component .recommendation-note .info-icon{color:var(--primary-color,#3253fa);font-weight:700}.qr-pattern-component .pattern-preview-large .subsection-title{font-size:14px;font-weight:500;color:#333;margin-bottom:8px}.qr-pattern-component .pattern-preview-large .preview-container .qr-preview{width:250px;height:250px;border:2px solid #e8e8e8;border-radius:12px;padding:25px;margin:0 auto;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px rgba(0,0,0,.1);transition:all .3s ease}.qr-pattern-component .pattern-preview-large .preview-container .qr-preview:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-2px)}[data-theme=dark] .qr-pattern-component .section-header .section-content .section-title{color:#fff}[data-theme=dark] .qr-pattern-component .section-header .section-content .section-description{color:#a0a0a0}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .subsection-title{color:#fff}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option,[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option{border-color:#404040;background:#1a1a1a}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option .pattern-name,[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option .pattern-name{color:#fff}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option .corner-preview,[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option.selected,[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option:hover,[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option .corner-preview,[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option.selected,[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option:hover{background:#2a2a2a}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .color-header{background:linear-gradient(135deg,#1a1a1a,#2a2a2a)!important;border-color:#404040!important}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .color-header .header-left .subsection-title{color:#fff!important}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .color-header .header-left .color-description{color:#a0a0a0!important}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .color-header .gradient-toggle .toggle-label .toggle-text{color:#fff!important}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .color-header .gradient-toggle .toggle-label .toggle-subtitle{color:#a0a0a0!important}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section{background:#2a2a2a!important;border-color:#404040!important}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section .color-picker-wrapper .current-color-display{background:#1a1a1a!important}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section .color-picker-wrapper .current-color-display .color-info .color-hex{color:#fff!important}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-color .color-section .solid-color-section .color-picker-wrapper .current-color-display .color-info .color-type{color:#a0a0a0!important}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .background-settings .background-header .transparent-toggle label,[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .background-settings .color-section .color-header .gradient-toggle,[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .background-settings .gradient-background-toggle{color:#a0a0a0}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .background-settings .background-color-section .color-label{color:#fff}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-style-row .gradient-style-label{color:#e2e8f0}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-style-row .gradient-style-select .ant-select-selector{background:#2a2a2a!important;border-color:#404040!important}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-style-row .gradient-style-select .ant-select-selector:focus,[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-style-row .gradient-style-select .ant-select-selector:hover{border-color:#527ac9!important;box-shadow:0 0 0 2px rgba(82,122,201,.2)!important}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-style-row .gradient-style-select .ant-select-selection-item{color:#e2e8f0!important}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-colors-grid .gradient-color-item .color-item-label{color:#e2e8f0}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-trigger{background:#2a2a2a!important;border-color:#404040!important}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-trigger:focus,[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-trigger:hover{border-color:#527ac9!important;box-shadow:0 0 0 2px rgba(82,122,201,.2)!important}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-trigger-text{color:#e2e8f0!important}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .recommendation-note{background:#2a2a2a;border-color:#404040}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .recommendation-note span{color:#fff}[data-theme=dark] .qr-pattern-component .qr-pattern-panel-content .pattern-preview-large .preview-container .qr-preview{border-color:#404040;background:#1a1a1a}@media(min-width:769px){.qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-trigger{height:40px!important;border-radius:8px!important}.qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-color-block{width:20px!important;height:20px!important}.qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-trigger-text{font-size:13px!important}}@media(max-width:768px){.qr-pattern-component{padding:12px}.qr-pattern-component .qr-pattern-panel-content{margin-left:0;gap:12px}.qr-pattern-component .qr-pattern-panel-content .subsection-title{font-size:14px;margin-bottom:10px}.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid{grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:8px}.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option{padding:10px 6px}.qr-pattern-component .qr-pattern-panel-content .color-picker-container .native-color-picker{height:36px}}@media(max-width:480px){.qr-pattern-component .qr-pattern-panel-content{margin-left:0}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid{grid-template-columns:repeat(auto-fit,minmax(85px,1fr));gap:6px}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option{padding:8px 4px;min-height:90px}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option canvas,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option canvas{width:50px!important;height:50px!important}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option .corner-preview,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option .corner-preview{width:50px;height:50px}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option .corner-preview .corner-demo,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option .corner-preview .corner-demo{width:40px;height:40px;font-size:20px}.qr-pattern-component .qr-pattern-panel-content .corner-styles .patterns-grid .pattern-option .pattern-name,.qr-pattern-component .qr-pattern-panel-content .pattern-styles .patterns-grid .pattern-option .pattern-name{font-size:10px}.qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-style-row{flex-direction:column;align-items:flex-start;gap:8px}.qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-style-row .gradient-style-select{width:100%}.qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-colors-grid{grid-template-columns:1fr;gap:12px}.qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-colors-grid .gradient-color-item{padding:12px;gap:8px}.qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-colors-grid .gradient-color-item .color-header-item .color-item-label{font-size:11px}.qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-colors-grid .gradient-color-item .color-header-item .color-preview{width:20px;height:20px}.qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-trigger{height:36px!important;border-radius:6px!important}.qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-color-block{width:16px!important;height:16px!important}.qr-pattern-component .qr-pattern-panel-content .pattern-gradient-section .gradient-colors-grid .gradient-color-item .gradient-color-picker .ant-color-picker-trigger-text{font-size:11px!important}.qr-pattern-component .qr-pattern-panel-content .pattern-preview-large .preview-container .qr-preview{width:200px;height:200px;padding:20px}}