.widget-sign-gen{font-family:arial,helvetica,sans-serif}.widget-sign-gen .mb-10{margin-bottom:12px}.widget-sign-gen .container{max-width:1200px;margin:0 auto}.widget-sign-gen .main-grid{display:grid;grid-template-columns:2fr 3fr;gap:16px}.widget-sign-gen .header{text-align:center;margin-bottom:16px}.widget-sign-gen .header h1{color:#003c5a;font-size:2rem;font-weight:bold;margin-bottom:4px}.widget-sign-gen .header p{color:#003c5a;font-size:.875rem}.widget-sign-gen .form-panel,.widget-sign-gen .preview-panel{background:#fff;border-radius:8px;box-shadow:0 10px 15px -3px rgba(0,0,0,.1);padding:16px;border-left:4px solid #4bd796}.widget-sign-gen .panel-header{display:flex;align-items:center;color:#003c5a;font-size:1.125rem;font-weight:600;margin-bottom:16px}.widget-sign-gen .panel-header .icon{margin-right:8px;color:#4bd796}.widget-sign-gen .form-group{margin-bottom:12px}.widget-sign-gen .form-group label{display:block;color:#003c5a;font-size:.75rem;font-weight:500;margin-bottom:4px}.widget-sign-gen .form-group textarea,.widget-sign-gen .form-group input,.widget-sign-gen .form-group select{font-family:arial,helvetica,sans-serif;width:100%;padding:6px 8px;font-size:.875rem;border:1px solid #d1d5db;border-radius:4px;outline:none}.widget-sign-gen .form-group textarea:focus,.widget-sign-gen .form-group input:focus,.widget-sign-gen .form-group select:focus{border-color:#4bd796;box-shadow:0 0 0 1px #4bd796}.widget-sign-gen .form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.widget-sign-gen .social-section{border-top:1px solid #e5e7eb;padding-top:12px;margin-top:12px}.widget-sign-gen .social-section h3{color:#003c5a;font-size:.75rem;font-weight:500;margin-bottom:8px}.widget-sign-gen .preview-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.widget-sign-gen .preview-header h2{color:#003c5a;font-size:1.125rem;font-weight:600}.widget-sign-gen .buttons{display:flex;gap:8px}.widget-sign-gen .btn{display:flex;align-items:center;padding:6px 12px;font-size:.875rem;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:all .3s}.widget-sign-gen .btn .icon{margin-right:4px}.widget-sign-gen .btn.btn-primary{background-color:#4bd796;color:#fff}.widget-sign-gen .btn.btn-secondary{background-color:#003c5a;color:#fff}.widget-sign-gen .btn.btn-success{background-color:#dcfce7;color:#15803d}.widget-sign-gen .btn:hover:not(.btn-success){opacity:.9}.widget-sign-gen .preview-container{border:1px solid #e5e7eb;border-radius:4px;padding:16px;background-color:#f9fafb;height:320px;overflow:auto}.widget-sign-gen .empty-preview{text-align:center;padding:32px;color:#003c5a}.widget-sign-gen .empty-preview .icon{color:#4bd796;opacity:.5;margin-bottom:12px}.widget-sign-gen .help-section{margin-top:12px;padding:12px;background-color:#f0fdf4;border-radius:4px;font-size:.75rem}.widget-sign-gen .help-section h4{color:#003c5a;font-weight:500;margin-bottom:4px}.widget-sign-gen .help-guaranteed{background-color:#dcfce7;padding:8px;border-radius:4px;margin-bottom:8px;font-size:16px}.widget-sign-gen .help-guaranteed p{font-size:14px;color:#003c5a;font-weight:500}.widget-sign-gen .help-guaranteed ol{color:#003c5a;font-size:14px;padding-left:18px}.widget-sign-gen .help-troubleshoot{background-color:#fef3c7;padding:8px;border-radius:4px;margin-bottom:8px}.widget-sign-gen .help-troubleshoot p{color:#92400e;font-weight:500}.widget-sign-gen .help-troubleshoot ul{color:#92400e;font-size:.6875rem;padding-left:16px}.widget-sign-gen .help-tip{color:#059669;font-size:.75rem}