.signature-visual picture .particle-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .5s}
.signature-visual.particles-ready .particle-canvas{opacity:1}
.signature-visual.particles-ready img{opacity:0;transition:opacity .5s;transform:none}
.signature-visual.particles-ready picture{background:radial-gradient(ellipse at 50% 60%,#28332c35,transparent 70%)}
.particle-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:46px;border-top:1px solid #a4906a24;padding-top:8px;margin-top:9px;color:#aeb7a8;font-size:8px;letter-spacing:.06em}
.particle-toolbar:has(button[hidden]){display:none}
.particle-toolbar button{font-family:Manrope,Arial,sans-serif;background:transparent;color:#c9b995;border:0;border-bottom:1px solid #766c53;min-height:44px;padding:8px 0;font-size:8px;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}
.particle-toolbar button span{font-size:14px;margin-left:13px}
.particle-toolbar button[aria-pressed="true"]{color:#eeeae1;border-color:#c9b995}
.particle-toolbar button:focus-visible{outline:2px solid #c9b995;outline-offset:4px}
.signature-visual figcaption{padding-top:10px}
@media(pointer:coarse){.particle-hint{display:none}.particle-toolbar{justify-content:flex-end}}
@media(max-width:700px){.particle-toolbar{margin-inline:22px}.particle-toolbar button{font-size:7px}.particle-hint{font-size:7px}}
@media(prefers-reduced-motion:reduce){.signature-visual.particles-ready img{opacity:1}.signature-visual .particle-canvas,.particle-toolbar{display:none!important}}