.qr-type-container,.vcard-container{display:flex;justify-content:center}.qr-type-preview-container,.vcard-preview-container{width:100%;height:100%;display:flex;justify-content:center;align-items:center}.qr-type-form-container,.vcard-form-container{max-width:800px;width:100%;padding:4px 16px 16px;margin:0 auto}.qr-type-form,.vcard-form{background-color:#fff;border-radius:12px;padding:16px;box-shadow:0 2px 8px rgba(0,0,0,.05);margin-bottom:16px;width:100%;min-height:auto;display:flex;flex-direction:column;gap:16px}.qr-type-form .ant-form-item-label,.vcard-form .ant-form-item-label{font-weight:500;color:#333;margin-bottom:8px}.qr-type-collapse,.vcard-collapse{background:#fff;border:1px solid #e8e8e8;border-radius:12px;margin-bottom:16px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.qr-type-collapse .ant-collapse-item,.vcard-collapse .ant-collapse-item{border:none}.qr-type-collapse .ant-collapse-item .ant-collapse-header,.vcard-collapse .ant-collapse-item .ant-collapse-header{padding:0;border:none}.qr-type-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow,.vcard-collapse .ant-collapse-item .ant-collapse-header .ant-collapse-arrow{position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:16px;color:#666}.qr-type-collapse .ant-collapse-item .ant-collapse-content,.vcard-collapse .ant-collapse-item .ant-collapse-content{border:none}.qr-type-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box,.vcard-collapse .ant-collapse-item .ant-collapse-content .ant-collapse-content-box{padding:0}.ant-collapse-borderless.vcard-collapse,.qr-type-collapse.ant-collapse-borderless,.qr-type-panel{background:rgba(0,0,0,0)}.qr-type-panel{border:none}.qr-type-form-section,.vcard-form-section{padding:16px;background-color:#fafafa;border-radius:12px;border:1px solid #f0f0f0}.qr-type-form-section .section-header,.vcard-form-section .section-header{display:flex;align-items:flex-start;margin-bottom:16px;cursor:pointer}.qr-type-form-section .section-header .section-icon,.vcard-form-section .section-header .section-icon{width:40px;height:40px;background:#f5f5f5;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px;color:#3253fa;margin-right:16px;flex-shrink:0}.qr-type-form-section .section-header .section-content,.vcard-form-section .section-header .section-content{flex:1 1}.qr-type-form-section .section-header .section-content .section-title,.vcard-form-section .section-header .section-content .section-title{font-size:16px;font-weight:600;color:#333;margin:0 0 4px;line-height:1.4}.qr-type-form-section .section-header .section-content .section-title .required,.vcard-form-section .section-header .section-content .section-title .required{color:#ff4d4f;margin-left:4px}.qr-type-form-section .section-header .section-content .section-description,.vcard-form-section .section-header .section-content .section-description{font-size:14px;color:#666;margin:0;line-height:1.4}.qr-type-form-section .section-form,.vcard-form-section .section-form{margin-left:40px}.qr-type-form-section .section-form .field-group,.vcard-form-section .section-form .field-group{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.qr-type-form-section .section-form .field-group .field-label,.vcard-form-section .section-form .field-group .field-label{font-size:14px;font-weight:500;color:#333}.qr-type-form-section .section-form .field-group .field-label .required,.vcard-form-section .section-form .field-group .field-label .required{color:#ff4d4f;margin-left:4px}.qr-type-form-section .section-form .field-group .field-hint,.vcard-form-section .section-form .field-group .field-hint{font-size:12px;color:#999;margin-top:4px}.qr-type-form-section .section-form .field-group .ant-input,.qr-type-form-section .section-form .field-group .ant-input-password,.qr-type-form-section .section-form .field-group .qr-input,.vcard-form-section .section-form .field-group .ant-input,.vcard-form-section .section-form .field-group .ant-input-password,.vcard-form-section .section-form .field-group .qr-input{border-radius:8px;border:1px solid #d9d9d9;padding:8px 12px;font-size:14px;transition:all .2s ease}.qr-type-form-section .section-form .field-group .ant-input-password::placeholder,.qr-type-form-section .section-form .field-group .ant-input::placeholder,.qr-type-form-section .section-form .field-group .qr-input::placeholder,.vcard-form-section .section-form .field-group .ant-input-password::placeholder,.vcard-form-section .section-form .field-group .ant-input::placeholder,.vcard-form-section .section-form .field-group .qr-input::placeholder{color:#bfbfbf}.qr-type-form-section .section-form .field-group .ant-input-password:focus,.qr-type-form-section .section-form .field-group .ant-input:focus,.qr-type-form-section .section-form .field-group .qr-input:focus,.vcard-form-section .section-form .field-group .ant-input-password:focus,.vcard-form-section .section-form .field-group .ant-input:focus,.vcard-form-section .section-form .field-group .qr-input:focus{border-color:var(--primary-color,#3253FA);box-shadow:0 0 0 2px rgba(50,83,250,.2)}.qr-type-form-section .section-form .field-group .ant-input-password:hover,.qr-type-form-section .section-form .field-group .ant-input:hover,.qr-type-form-section .section-form .field-group .qr-input:hover,.vcard-form-section .section-form .field-group .ant-input-password:hover,.vcard-form-section .section-form .field-group .ant-input:hover,.vcard-form-section .section-form .field-group .qr-input:hover{border-color:var(--primary-color,#3253FA)}.qr-type-form-section .section-form .ant-form-item,.qr-type-form-section .section-form>.ant-form-item,.vcard-form-section .section-form .ant-form-item{margin-bottom:16px}.qr-type-form-section .section-form .ant-form-item .ant-form-item-label,.qr-type-form-section .section-form>.ant-form-item .ant-form-item-label,.vcard-form-section .section-form .ant-form-item .ant-form-item-label{padding-bottom:4px}.qr-type-form-section .section-form .ant-form-item .ant-form-item-label label,.qr-type-form-section .section-form>.ant-form-item .ant-form-item-label label,.vcard-form-section .section-form .ant-form-item .ant-form-item-label label{font-size:14px;font-weight:500;color:#333}.qr-type-form-section .section-form .ant-form-item .ant-form-item-label label.ant-form-item-required:before,.qr-type-form-section .section-form>.ant-form-item .ant-form-item-label label.ant-form-item-required:before,.vcard-form-section .section-form .ant-form-item .ant-form-item-label label.ant-form-item-required:before{color:#ff4d4f}.qr-type-form-section .section-form .ant-form-item .ant-input,.qr-type-form-section .section-form .ant-form-item .ant-input-password,.qr-type-form-section .section-form>.ant-form-item .ant-input,.qr-type-form-section .section-form>.ant-form-item .ant-input-password,.vcard-form-section .section-form .ant-form-item .ant-input,.vcard-form-section .section-form .ant-form-item .ant-input-password{border-radius:8px;border:1px solid #d9d9d9;padding:8px 12px;font-size:14px;transition:all .2s ease}.qr-type-form-section .section-form .ant-form-item .ant-input-password::placeholder,.qr-type-form-section .section-form .ant-form-item .ant-input::placeholder,.qr-type-form-section .section-form>.ant-form-item .ant-input-password::placeholder,.qr-type-form-section .section-form>.ant-form-item .ant-input::placeholder,.vcard-form-section .section-form .ant-form-item .ant-input-password::placeholder,.vcard-form-section .section-form .ant-form-item .ant-input::placeholder{color:#bfbfbf}.qr-type-form-section .section-form .ant-form-item .ant-input-password:focus,.qr-type-form-section .section-form .ant-form-item .ant-input:focus,.qr-type-form-section .section-form>.ant-form-item .ant-input-password:focus,.qr-type-form-section .section-form>.ant-form-item .ant-input:focus,.vcard-form-section .section-form .ant-form-item .ant-input-password:focus,.vcard-form-section .section-form .ant-form-item .ant-input:focus{border-color:var(--primary-color,#3253FA);box-shadow:0 0 0 2px rgba(50,83,250,.2)}.qr-type-form-section .section-form .ant-form-item .ant-input-password:hover,.qr-type-form-section .section-form .ant-form-item .ant-input:hover,.qr-type-form-section .section-form>.ant-form-item .ant-input-password:hover,.qr-type-form-section .section-form>.ant-form-item .ant-input:hover,.vcard-form-section .section-form .ant-form-item .ant-input-password:hover,.vcard-form-section .section-form .ant-form-item .ant-input:hover{border-color:var(--primary-color,#3253FA)}.qr-type-form-section .section-form .ant-form-item .ant-input-password .ant-input,.qr-type-form-section .section-form>.ant-form-item .ant-input-password .ant-input,.vcard-form-section .section-form .ant-form-item .ant-input-password .ant-input{border:none;padding:0;box-shadow:none}.qr-type-form-section .section-form .ant-form-item .ant-input-password .ant-input:focus,.qr-type-form-section .section-form>.ant-form-item .ant-input-password .ant-input:focus,.vcard-form-section .section-form .ant-form-item .ant-input-password .ant-input:focus{border:none;box-shadow:none}.qr-type-form-section .section-form>div>.ant-form-item,.vcard-form-section .section-form>div>.ant-form-item{margin-bottom:0}.qr-type-checkbox .ant-checkbox .ant-checkbox-inner,.vcard-checkbox .ant-checkbox .ant-checkbox-inner{border-radius:4px}.qr-type-checkbox .ant-checkbox-wrapper,.vcard-checkbox .ant-checkbox-wrapper{font-size:14px;color:#333}@media(max-width:768px){.qr-type-form-container,.qr-type-form-section,.vcard-form-container,.vcard-form-section{padding:12px}.qr-type-form-section .section-header .section-icon,.vcard-form-section .section-header .section-icon{width:36px;height:36px;font-size:16px;margin-right:12px}.qr-type-form-section .section-header .section-content .section-title,.vcard-form-section .section-header .section-content .section-title{font-size:15px}.qr-type-form-section .section-header .section-content .section-description,.vcard-form-section .section-header .section-content .section-description{font-size:13px}.qr-type-form-section .section-form,.vcard-form-section .section-form{margin-left:32px}.qr-type-form-section .section-form .field-group,.vcard-form-section .section-form .field-group{margin-bottom:12px}.qr-type-form-section .section-form .field-group .field-label,.vcard-form-section .section-form .field-group .field-label{font-size:13px}.qr-type-form-section .section-form .field-group .ant-input,.qr-type-form-section .section-form .field-group .ant-input-password,.qr-type-form-section .section-form .field-group .qr-input,.vcard-form-section .section-form .field-group .ant-input,.vcard-form-section .section-form .field-group .ant-input-password,.vcard-form-section .section-form .field-group .qr-input{padding:6px 10px;font-size:13px}}@media(max-width:480px){.qr-type-form-section,.vcard-form-section{padding:8px}.qr-type-form-section .section-header,.vcard-form-section .section-header{flex-direction:column;align-items:flex-start}.qr-type-form-section .section-header .section-icon,.vcard-form-section .section-header .section-icon{margin-right:0;margin-bottom:12px}.qr-type-form-section .section-form,.vcard-form-section .section-form{margin-left:0}.qr-type-form-section .section-form .field-group,.vcard-form-section .section-form .field-group{margin-bottom:10px}.qr-type-form-section .section-form .field-group .field-label,.vcard-form-section .section-form .field-group .field-label{font-size:12px}.qr-type-form-section .section-form .field-group .ant-input,.qr-type-form-section .section-form .field-group .ant-input-password,.qr-type-form-section .section-form .field-group .qr-input,.vcard-form-section .section-form .field-group .ant-input,.vcard-form-section .section-form .field-group .ant-input-password,.vcard-form-section .section-form .field-group .qr-input{padding:6px 8px;font-size:12px}.qr-type-form-section .section-form .field-group .field-hint,.vcard-form-section .section-form .field-group .field-hint{font-size:11px}}.vcard-container{max-width:1400px;margin:0 auto;padding:0 32px;gap:40px;align-items:flex-start}.vcard-preview-container{flex:0 0 400px;position:-webkit-sticky;position:sticky;top:100px;height:-moz-fit-content;height:fit-content;z-index:100}.vcard-form-container{flex:1 1;max-width:800px;margin:0;padding:20px}.vcard-form{min-height:auto;margin-bottom:0}@media(max-width:1200px){.vcard-container{flex-direction:column;align-items:center;gap:32px;padding:0 24px}.vcard-container .vcard-preview-container{position:static;flex:0 0 auto;width:100%;max-width:400px;z-index:1}.vcard-container .vcard-form-container{width:100%;max-width:800px;padding:16px}}@media(max-width:768px){.vcard-container{padding:0 8px;gap:20px;margin-bottom:120px}.vcard-container .vcard-preview-container{margin-bottom:20px}.vcard-container .vcard-form-container{padding:8px}}@media(max-width:480px){.vcard-container{padding:0 6px;gap:16px;margin-bottom:140px}.vcard-container .vcard-preview-container{margin-bottom:16px}.vcard-container .vcard-form-container{padding:6px}}@media(max-width:320px){.vcard-container{padding:0 4px;gap:12px;margin-bottom:160px}.vcard-container .vcard-preview-container{margin-bottom:12px}.vcard-container .vcard-form-container{padding:4px}}.vcard-preview-container{width:100%;max-width:400px;margin:0 auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.preview-cover{position:relative;height:180px;border-radius:16px 16px 0 0;background:var(--primary-color,#667eea);overflow:hidden}.profile-image{position:absolute;width:100px;height:100px;border-radius:50%;overflow:hidden;border:5px solid #fff;box-shadow:0 10px 40px rgba(0,0,0,.2);background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:10;top:50%;left:50%;transform:translate(-50%,-50%)}.profile-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.profile-image img:hover{transform:scale(1.05)}.profile-image:empty:before{content:"👤";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:40px;color:hsla(0,0%,100%,.8)}.vcard-preview-content{background:#fff;border-radius:0 0 20px 20px;box-shadow:0 8px 40px rgba(0,0,0,.12),0 2px 16px rgba(0,0,0,.08);padding:70px 24px 24px;position:relative;overflow:hidden}.vcard-preview-content .fullname{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;margin-bottom:24px;padding-bottom:16px;position:relative}.vcard-preview-content .fullname .firstName,.vcard-preview-content .fullname .lastName{font-size:24px;font-weight:800;color:#1a1a1a;letter-spacing:-.02em;text-align:center}.vcard-preview-content .address,.vcard-preview-content .company-details,.vcard-preview-content .emails,.vcard-preview-content .location-section,.vcard-preview-content .phones,.vcard-preview-content .social-networks,.vcard-preview-content .websites{padding:16px 0;margin-bottom:6px;position:relative}.vcard-preview-content .address:last-child,.vcard-preview-content .company-details:last-child,.vcard-preview-content .emails:last-child,.vcard-preview-content .location-section:last-child,.vcard-preview-content .phones:last-child,.vcard-preview-content .social-networks:last-child,.vcard-preview-content .websites:last-child{margin-bottom:0;padding-bottom:0}.vcard-preview-content .address h3,.vcard-preview-content .company-details h3,.vcard-preview-content .emails h3,.vcard-preview-content .location-section h3,.vcard-preview-content .phones h3,.vcard-preview-content .social-networks h3,.vcard-preview-content .websites h3{font-size:12px;font-weight:700;color:#4a5568;text-transform:uppercase;letter-spacing:.1em;margin:0 0 12px;display:flex;align-items:center;gap:8px;position:relative}.vcard-preview-content .address h3:before,.vcard-preview-content .company-details h3:before,.vcard-preview-content .emails h3:before,.vcard-preview-content .location-section h3:before,.vcard-preview-content .phones h3:before,.vcard-preview-content .social-networks h3:before,.vcard-preview-content .websites h3:before{content:"";width:3px;height:16px;background:var(--primary-color,#667eea);border-radius:2px}.vcard-preview-content .emails .email,.vcard-preview-content .phones .phone,.vcard-preview-content .social-networks .social-network,.vcard-preview-content .websites .website{display:flex;align-items:center;gap:16px;padding:16px;margin:8px 0;background:#fff;border-radius:16px;border:1px solid #f0f0f0;transition:all .2s ease;cursor:pointer}.vcard-preview-content .emails .email:hover,.vcard-preview-content .phones .phone:hover,.vcard-preview-content .social-networks .social-network:hover,.vcard-preview-content .websites .website:hover{border-color:#e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.08)}.vcard-preview-content .emails .email .social-icon,.vcard-preview-content .phones .phone .social-icon,.vcard-preview-content .social-networks .social-network .social-icon,.vcard-preview-content .websites .website .social-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px}.vcard-preview-content .emails .email .anticon,.vcard-preview-content .phones .phone .anticon,.vcard-preview-content .social-networks .social-network .anticon,.vcard-preview-content .websites .website .anticon{color:#4a5568;font-size:18px;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#f7fafc;border-radius:8px}.vcard-preview-content .phones .phone .phone-number{font-size:16px;font-weight:500;color:#2c2c2c;text-decoration:none}.vcard-preview-content .phones .phone .phone-number:hover{color:var(--primary-color,#667eea)}.vcard-preview-content .emails .email .email-address{font-size:16px;font-weight:500;color:#2c2c2c;text-decoration:none;word-break:break-word}.vcard-preview-content .emails .email .email-address:hover{color:var(--primary-color,#667eea)}.vcard-preview-content .websites .website .website-url{font-size:16px;font-weight:500;color:var(--primary-color,#667eea);text-decoration:none;word-break:break-word}.vcard-preview-content .websites .website .website-url:hover{text-decoration:underline}.vcard-preview-content .address .address-line{display:flex;align-items:flex-start;gap:16px;padding:16px;margin:8px 0;background:#fff;border-radius:12px;border:1px solid #f0f0f0;transition:all .2s ease}.vcard-preview-content .address .address-line:hover{border-color:#e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.06)}.vcard-preview-content .address .address-line .address-line-icon .anticon{color:#4a5568;font-size:16px;margin-top:2px;padding:8px;background:#f7fafc;border-radius:6px}.vcard-preview-content .address .address-line .address-line-text{font-size:16px;color:#2d3748;line-height:1.5;font-weight:500;flex:1 1}.vcard-preview-content .address .address-line .address-line-text strong{color:#1a202c;font-weight:700}.vcard-preview-content .company-details .company-details-line{display:flex;align-items:flex-start;gap:16px;padding:16px;margin:8px 0;background:#fff;border-radius:12px;border:1px solid #f0f0f0;transition:all .2s ease}.vcard-preview-content .company-details .company-details-line:hover{border-color:#e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.06)}.vcard-preview-content .company-details .company-details-line .company-details-line-icon .anticon{color:#4a5568;font-size:16px;margin-top:2px;padding:8px;background:#f7fafc;border-radius:6px}.vcard-preview-content .company-details .company-details-line .company-details-line-text{font-size:16px;color:#2d3748;line-height:1.6;font-weight:500;flex:1 1}.vcard-preview-content .company-details .company-details-line .company-details-line-text strong{color:#1a202c;font-weight:700}.vcard-preview-content .social-networks .social-network{background:#fff;border:1px solid #f0f0f0}.vcard-preview-content .social-networks .social-network:hover{border-color:#e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.08)}.vcard-preview-content .social-networks .social-network .social-network-icon{display:flex;align-items:center;gap:16px;width:100%}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon{width:40px;height:40px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:20px;color:#fff}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.facebook{background:#1877f2}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.twitter{background:#1da1f2}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.instagram{background:#e4405f}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.linkedin{background:#0a66c2}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.youtube{background:red}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.github{background:#333}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.tiktok{background:#000}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.whatsapp{background:#25d366}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.telegram{background:#08c}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.snapchat{background:#fffc00;color:#333}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.pinterest{background:#bd081c}.vcard-preview-content .social-networks .social-network .social-network-icon .social-icon.default{background:#4a5568}.vcard-preview-content .social-networks .social-network .social-network-icon .social-network-url{font-size:16px;font-weight:600;color:var(--primary-color,#667eea);text-decoration:none;word-break:break-word;flex:1 1;transition:all .2s ease}.vcard-preview-content .social-networks .social-network .social-network-icon .social-network-url:hover{color:#764ba2;text-decoration:underline}.vcard-preview-content .location-section .location-item{display:flex;flex-direction:column;gap:8px;padding:16px;margin:8px 0;background:#fff;border-radius:12px;border:1px solid #f0f0f0;transition:all .2s ease}.vcard-preview-content .location-section .location-item:hover{border-color:#e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.06)}.vcard-preview-content .location-section .location-item .location-label{font-size:12px;font-weight:700;color:#4a5568;text-transform:uppercase;letter-spacing:.1em;margin-bottom:4px}.vcard-preview-content .location-section .location-item .location-value{font-size:16px;font-weight:500;color:#2d3748;line-height:1.6;word-break:break-word}@media(max-width:480px){.vcard-preview-content{padding:20px 16px}.vcard-preview-content .fullname{flex-direction:column;gap:4px}.vcard-preview-content .fullname .firstName,.vcard-preview-content .fullname .lastName{font-size:22px}.vcard-preview-content .address-line{padding:6px 12px}.vcard-preview-content .address-line .address-line-text{font-size:14px}.vcard-preview-content .company-details-line{padding:8px 12px}.vcard-preview-content .company-details-line .company-details-line-text{font-size:14px}}.vcard-preview-content{animation:slideInUp .6s cubic-bezier(.16,1,.3,1)}.vcard-preview-content>div{opacity:0;animation:fadeInUp .5s cubic-bezier(.16,1,.3,1) forwards}.vcard-preview-content>div:first-child{animation-delay:.1s}.vcard-preview-content>div:nth-child(2){animation-delay:.15s}.vcard-preview-content>div:nth-child(3){animation-delay:.2s}.vcard-preview-content>div:nth-child(4){animation-delay:.25s}.vcard-preview-content>div:nth-child(5){animation-delay:.3s}.vcard-preview-content>div:nth-child(6){animation-delay:.35s}.vcard-preview-content>div:nth-child(7){animation-delay:.4s}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}