.signature-preview { --signature-accent:#c8ff4d; --signature-text:#171717; --signature-font:Arial,Helvetica,sans-serif; --signature-size:14px; margin-top:1.15rem; color:var(--signature-text); font-family:var(--signature-font); font-size:var(--signature-size); line-height:1.45; }
.signature-preview .signature-wrap,.signature-preview .signature-details,.signature-preview .signature-identity,.signature-preview .signature-contacts,.signature-preview .signature-social,.signature-preview .signature-name,.signature-preview .signature-role,.signature-preview .signature-link,.signature-preview .signature-contacts span,.signature-preview .signature-legal { font-family:inherit; }
.signature-wrap { display:flex; max-width:100%; align-items:flex-start; gap:13px; }
.signature-wrap.image-on-top { flex-direction:column; }
.signature-image { display:block; width:76px; height:76px; flex:0 0 auto; object-fit:cover; }
.image-small .signature-image { width:56px; height:56px; }.image-large .signature-image { width:96px; height:96px; }
.signature-image.shape-round { border-radius:50%; }.signature-image.shape-square { border-radius:4px; }
.signature-details { min-width:0; }.signature-preview.has-divider .signature-details { padding-left:13px; border-left:3px solid var(--signature-accent); }
.signature-name,.signature-role,.signature-link,.signature-contacts span { display:block; }.signature-name { font-size:calc(var(--signature-size) + 3px); line-height:1.2; }.signature-role { margin-top:3px; color:#637064; font-size:calc(var(--signature-size) - 1px); }.signature-contacts { margin-top:8px; }
.signature-link,.signature-contacts span { margin-top:2px; overflow-wrap:anywhere; color:var(--signature-text); font-size:calc(var(--signature-size) - 1px); text-decoration:none; }.signature-contacts .signature-link:hover,.signature-social .signature-link:hover { text-decoration:underline; }
.signature-social { display:flex; flex-wrap:wrap; gap:3px 8px; margin-top:8px; }.signature-social .signature-link { color:var(--signature-accent); font-size:calc(var(--signature-size) - 2px); text-decoration:underline; text-underline-offset:2px; }
.signature-cta,.signature-banner { display:inline-block; margin-top:10px; padding:7px 10px; background:var(--signature-accent); color:var(--signature-text); font-size:calc(var(--signature-size) - 2px); font-weight:800; text-decoration:none; }.signature-legal { max-width:420px; margin:10px 0 0; color:#798277; font-size:calc(var(--signature-size) - 4px); line-height:1.35; }
.density-compact .signature-wrap { gap:8px; }.density-compact .signature-contacts,.density-compact .signature-social { margin-top:4px; }.density-airy .signature-wrap { gap:20px; }.density-airy .signature-contacts,.density-airy .signature-social { margin-top:12px; }.density-airy .signature-link,.density-airy .signature-contacts span { margin-top:4px; }
.template-compact .signature-wrap,.template-minimal .signature-wrap { display:block; }.template-compact .signature-image { display:none; }.template-compact.has-divider .signature-details,.template-minimal.has-divider .signature-details { padding-left:0;border-left:0; }.template-compact .signature-name,.template-compact .signature-role { display:inline; }.template-compact .signature-role::before { content:" · "; }.template-compact .signature-contacts { display:flex;flex-wrap:wrap;gap:2px 8px;margin-top:5px; }.template-compact .signature-contacts .signature-link,.template-compact .signature-contacts span { margin:0; }
.template-executive .signature-wrap { flex-direction:column;gap:12px; }.template-executive.has-divider .signature-details { width:100%;padding:0 0 11px;border:0;border-bottom:3px solid var(--signature-accent); }
.template-modern .signature-name { color:var(--signature-accent);font-size:calc(var(--signature-size) + 5px); }.template-modern.has-divider .signature-details { border-left-width:1px; }
.template-brandbar .signature-wrap { padding:12px;border-left:12px solid var(--signature-accent); }.template-brandbar.has-divider .signature-details { padding-left:0;border-left:0; }
.template-profile .signature-wrap { align-items:center; }.template-profile .signature-image { border-radius:50%; }.template-profile .signature-name { font-size:calc(var(--signature-size) + 5px); }
.template-banner .signature-banner { display:block;max-width:360px;padding:10px 14px;text-align:center; }.template-banner.has-divider .signature-details { border-left-width:1px; }
@media (max-width:420px) { .signature-wrap { gap:10px; }.signature-image { width:58px;height:58px; }.image-large .signature-image { width:76px;height:76px; } }