.wui-signoff-generator{color:#333;margin:0 auto;max-width:900px;width:100%}.wui-signoff-generator *{box-sizing:border-box}.wui-signoff-generator h2,.wui-signoff-generator h3,.wui-signoff-generator h4{color:#1a202c;font-weight:700;line-height:1.2;margin-bottom:.75rem;margin-top:0;text-align:center}.wui-signoff-generator p{color:#4a5568;font-size:.95rem;line-height:1.5;margin-bottom:1.5rem;text-align:center}.wui-signoff-generator .card{background-color:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 4px 6px rgba(0,0,0,.02);margin-bottom:2rem;padding:1.5rem}.tool-inline .main-tool-card{background:transparent;border:none;box-shadow:none;margin-bottom:0;padding:1.5rem 1rem}.wui-signoff-generator .btn{background:linear-gradient(268deg,#ff5c6e,#00a9ff);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;height:54px;padding:0 1.5rem;transition:transform .1s}.wui-signoff-generator .btn:active{transform:scale(.98)}.wui-signoff-generator .btn:disabled{cursor:not-allowed;opacity:.7}.wui-signoff-generator .loader{padding:3rem 1rem;text-align:center}.wui-signoff-generator .spinner{animation:spin 1s linear infinite;border:4px solid #edf2f7;border-radius:50%;border-top-color:#00a9ff;display:block;height:40px;margin:0 auto 1rem;width:40px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.wui-signoff-generator .error-message{background-color:#fff5f5;border:1px solid #feb2b2;border-radius:8px;color:#c53030;padding:1rem;text-align:center}.wui-signoff-generator .fadeIn{animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.wui-signoff-generator .signoff-results-list{display:flex;flex-direction:column;gap:.6rem;list-style:none;margin:0;padding:0}.wui-signoff-generator .signoff-result-item{align-items:center;background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:1rem;justify-content:space-between;padding:.85rem 1rem;transition:border-color .15s,background .15s}.wui-signoff-generator .signoff-result-item:hover{background:#f0f9ff;border-color:#00a9ff}.wui-signoff-generator .signoff-text{color:#1a202c;flex:1;font-size:1rem;font-weight:600;line-height:1.4}.wui-signoff-generator .copy-btn{align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:6px;color:#718096;cursor:pointer;display:inline-flex;flex-shrink:0;font-size:.78rem;font-weight:600;gap:5px;padding:6px 12px;transition:all .15s ease;white-space:nowrap}.wui-signoff-generator .copy-btn:hover{background:#f0f9ff;border-color:#00a9ff;color:#00a9ff}.wui-signoff-generator .copy-btn--copied{background:#f0fff4;border-color:#48bb78;color:#276749}@media (max-width:500px){.wui-signoff-generator .signoff-result-item{align-items:flex-start;flex-direction:column;gap:.5rem}.wui-signoff-generator .copy-btn{align-self:flex-end}}@media (min-width:768px){.wui-signoff-generator h2{font-size:1.85rem;text-align:left}.wui-signoff-generator p{font-size:1rem;text-align:left}.tool-full .card{padding:2.5rem}}