.emailsignature-container{min-height:100vh;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;background:#f5f7fa}.emailsignature-container.emailsignature-form-only{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;background:#fff;overflow-y:auto}body:has(.emailsignature-form-only) footer,body:has(.emailsignature-form-only) header,body:has(.emailsignature-form-only)>:not(.emailsignature-form-only){display:none!important}.emailsignature-back-btn{position:fixed;top:1.5rem;left:1.5rem;z-index:10000;width:48px;height:48px;border-radius:50%;background:#fff;border:2px solid #e5e7eb;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-transition:all .2s;transition:all .2s;color:#1a1a1a;-webkit-box-shadow:0 2px 8px rgba(0,0,0,.1);box-shadow:0 2px 8px rgba(0,0,0,.1)}.emailsignature-back-btn:hover{background:#f9fafb;border-color:#9061ee;color:#9061ee;-webkit-transform:scale(1.05);transform:scale(1.05)}.emailsignature-form-wrapper{max-width:1400px;margin:0 auto;padding:5rem 2rem 2rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width:1024px){.emailsignature-form-wrapper{grid-template-columns:1fr;padding:5rem 1.5rem 2rem}}.emailsignature-header{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:2rem;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1);-webkit-transition:all .3s ease;transition:all .3s ease}.emailsignature-header.sticky{position:sticky;top:0;z-index:100;padding:1rem 2rem;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.15);box-shadow:0 4px 20px rgba(0,0,0,.15)}.header-content{max-width:1200px;margin:0 auto;text-align:center}.emailsignature-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.emailsignature-header.sticky h1{font-size:1.5rem;margin-bottom:0}.emailsignature-header .subtitle{font-size:1.25rem;opacity:.9}.emailsignature-header.sticky .subtitle{display:none}.emailsignature-main{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:2rem}.emailsignature-layout{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 400px;gap:2rem}.form-section{min-width:0}.form-card{background:#fff;border-radius:12px;padding:2rem;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.form-card h2{font-size:1.75rem;margin-bottom:2rem;color:#333}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600;color:#333;font-size:.9rem}.form-group input,.form-group textarea{width:100%;padding:.75rem;border:2px solid #e0e0e0;border-radius:8px;font-size:1rem;-webkit-transition:border-color .3s ease;transition:border-color .3s ease;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#667eea}.form-group textarea{resize:vertical;min-height:80px}.image-upload-container{margin-top:.5rem}.image-input{display:none}.image-upload-label{display:inline-block;padding:.75rem 1.5rem;background:#667eea;color:#fff;border-radius:8px;cursor:pointer;font-weight:600;-webkit-transition:background .3s ease;transition:background .3s ease}.image-upload-label:hover{background:#5568d3}.image-preview-container{margin-top:1rem;position:relative;display:inline-block}.image-preview{max-width:150px;max-height:150px;border-radius:8px;-o-object-fit:cover;object-fit:cover;border:2px solid #e0e0e0}.remove-image-btn{margin-top:.5rem;padding:.5rem 1rem;background:#ef4444;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;-webkit-transition:background .3s ease;transition:background .3s ease}.remove-image-btn:hover{background:#dc2626}.image-help-text{margin-top:.5rem;font-size:.875rem;color:#666}.cta-section{margin-top:3rem;padding-top:2rem;border-top:2px solid #e0e0e0}.cta-section h3{font-size:1.5rem;margin-bottom:1.5rem;color:#333;text-align:center}.preview-section{min-width:0}.preview-section.sticky{position:sticky;top:100px;-ms-flex-item-align:start;align-self:start}.preview-card{background:#fff;border-radius:12px;padding:2rem;-webkit-box-shadow:0 2px 10px rgba(0,0,0,.1);box-shadow:0 2px 10px rgba(0,0,0,.1)}.preview-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e0e0e0}.preview-header h2{font-size:1.5rem;color:#333;margin:0}.copy-btn{padding:.5rem 1rem;background:#667eea;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.875rem;font-weight:600;-webkit-transition:background .3s ease;transition:background .3s ease}.copy-btn:hover{background:#5568d3}.signature-preview{display:-webkit-box;display:-ms-flexbox;display:flex;gap:1rem;padding:1rem;border:2px dashed #e0e0e0;border-radius:8px;min-height:150px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.signature-image{width:80px;height:80px;border-radius:50%;-o-object-fit:cover;object-fit:cover;-ms-flex-negative:0;flex-shrink:0}.signature-content{-webkit-box-flex:1;-ms-flex:1;flex:1;font-size:.875rem;line-height:1.6;color:#333}.signature-name{font-weight:700;font-size:1rem;margin-bottom:.25rem;color:#333}.signature-company,.signature-title{color:#666;margin-bottom:.5rem}.signature-company{font-weight:600}.signature-address,.signature-email,.signature-phone,.signature-website{margin-bottom:.25rem;color:#666}.signature-email a,.signature-website a{color:#667eea;text-decoration:none}.signature-email a:hover,.signature-website a:hover{text-decoration:underline}.emailsignature-footer{padding:2rem;text-align:center;background:#fff;border-top:1px solid #e0e0e0}.social-share-section{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:1rem}.social-share-section p{margin:0;color:#333}@media (max-width:1024px){.emailsignature-layout{grid-template-columns:1fr}.preview-section.sticky{position:relative;top:0}}@media (max-width:768px){.emailsignature-header h1{font-size:1.75rem}.emailsignature-main{padding:1rem}.form-card,.preview-card{padding:1.5rem}.signature-preview{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.signature-image{-ms-flex-item-align:center;align-self:center}}