.c-sig-gen{--sig-ink:var(--site-text-dark,#16151f);--sig-purple:var(--site-brand-dark-color,#6656e8);--sig-muted:color-mix(in srgb,var(--site-text-dark,#16151f) 60%,transparent);--sig-line:color-mix(in srgb,var(--site-text-dark,#16151f) 15%,transparent);--sig-bg:#f5f5f6;--sig-card:#fff;--sig-radius:var(--default-base-border-radius,1.4rem);--sig-gap:var(--space-24,2.4rem);--sig-gap-m:var(--space-16,1.6rem);--sig-gap-lg:var(--space-48,4.8rem);color:var(--sig-ink);font-size:var(--body-font-size,1.6rem);line-height:1.5;width:100%}.c-sig-gen,.c-sig-gen *,.c-sig-gen :after,.c-sig-gen :before{box-sizing:border-box}.c-sig-gen__title{font-size:var(--title-small-size,2.4rem);font-weight:700;line-height:var(--title-small-line-height,1.2);margin:0 0 var(--space-8,.8rem)}.c-sig-gen__subtitle{color:var(--sig-muted);font-size:var(--text-medium-size,1.8rem);margin:0 0 var(--sig-gap-lg)}.c-sig-gen__form{display:flex;flex-direction:column;gap:var(--sig-gap-m)}.c-sig-gen__field{display:flex;flex-direction:column;gap:var(--space-4,.4rem)}.c-sig-gen__row{display:grid;gap:var(--sig-gap);grid-template-columns:1fr 1fr}@media (max-width:560px){.c-sig-gen__row{grid-template-columns:1fr}}.c-sig-gen__label{align-items:center;color:var(--sig-ink);display:flex;font-size:var(--text-small-size,1.6rem);font-weight:600;gap:var(--space-6,.6rem)}.c-sig-gen__label .c-sig-gen__optional{color:var(--sig-muted);font-size:.85em;font-weight:400}.c-sig-gen__input{background:var(--sig-card);border:1px solid var(--sig-line);border-radius:var(--radius-small,.8rem);color:var(--sig-ink);font-family:inherit;font-size:var(--text-small-size,1.6rem);padding:var(--space-12,1.2rem) var(--space-16,1.6rem);transition:border-color .15s ease,box-shadow .15s ease;width:100%}.c-sig-gen__input:focus{border-color:var(--sig-purple);box-shadow:0 0 0 3px color-mix(in srgb,var(--sig-purple) 15%,transparent);outline:none}.c-sig-gen__input::placeholder{color:var(--sig-muted);opacity:.7}.c-sig-gen__select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M6 9l6 6 6-6' stroke='%2355596b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:right var(--space-12,1.2rem) center;background-repeat:no-repeat;background-size:1.6rem;cursor:pointer;padding-right:var(--space-32,3.2rem)}.c-sig-gen__input-group{position:relative}.c-sig-gen__input-group .c-sig-gen__input{padding-right:12rem;width:100%}.c-sig-gen__email-domain{appearance:none;-webkit-appearance:none;background-color:var(--sig-bg);background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none'><path d='M6 9l6 6 6-6' stroke='%2355596b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/></svg>");background-position:right .6rem center;background-repeat:no-repeat;background-size:1.1rem;border:1px solid var(--sig-line);border-radius:999px;color:var(--sig-muted);cursor:pointer;font-family:inherit;font-size:1.3rem;font-weight:600;max-width:11.5rem;padding:.4rem 2rem .4rem .9rem;position:absolute;right:var(--space-6,.6rem);top:50%;transform:translateY(-50%);transition:border-color .15s ease}.c-sig-gen__email-domain:focus{border-color:var(--sig-purple);outline:none}.c-sig-gen__email-domain--static{background-image:none;cursor:default;padding:.4rem .9rem}.c-sig-gen__toggle-group{background:var(--sig-bg);border:1px solid var(--sig-line);border-radius:var(--radius-small,.8rem);display:flex;gap:var(--space-8,.8rem);padding:var(--space-4,.4rem);width:fit-content}.c-sig-gen__toggle-btn{background:#fff0;border:none;border-radius:var(--radius-6,.6rem);color:var(--sig-muted);cursor:pointer;font-family:inherit;font-size:var(--text-small-size,1.6rem);font-weight:600;padding:var(--space-8,.8rem) var(--space-16,1.6rem);transition:all .15s ease}.c-sig-gen__toggle-btn.is-active{background:var(--sig-card);box-shadow:0 1px 3px rgba(0,0,0,.08);color:var(--sig-purple)}.c-sig-gen__photo-block{background:var(--sig-bg);border:1px dashed var(--sig-line);border-radius:var(--sig-radius);padding:var(--sig-gap)}.c-sig-gen__upload-zone{border-radius:var(--radius-small,.8rem);cursor:pointer;padding:var(--space-32,3.2rem) var(--space-16,1.6rem);text-align:center;transition:background .15s ease}.c-sig-gen__upload-zone.dragover{background:color-mix(in srgb,var(--sig-purple) 6%,transparent)}.c-sig-gen__upload-icon{color:var(--sig-purple);height:3.2rem;margin-bottom:var(--space-12,1.2rem);width:3.2rem}.c-sig-gen__upload-text{color:var(--sig-muted);font-size:var(--text-small-size,1.6rem);margin:0 0 var(--space-16,1.6rem)}.c-sig-gen__file-input{display:none}.c-sig-gen__btn{align-items:center;border:none;border-radius:var(--radius-small,.8rem);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--text-small-size,1.6rem);font-weight:600;gap:var(--space-8,.8rem);padding:var(--space-12,1.2rem) var(--space-24,2.4rem);transition:transform .12s ease,background .15s ease,opacity .15s ease}.c-sig-gen__btn:active{transform:scale(.97)}.c-sig-gen__btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.c-sig-gen__btn--primary{background:var(--sig-purple);color:#fff}.c-sig-gen__btn--primary:hover:not(:disabled){background:color-mix(in srgb,var(--sig-purple) 85%,#000)}.c-sig-gen__btn--ghost{background:#fff;border:1px solid var(--sig-line);color:var(--sig-ink)}.c-sig-gen__btn--ghost:hover:not(:disabled){border-color:var(--sig-purple);color:var(--sig-purple)}.c-sig-gen__btn--sm{font-size:.9em;padding:var(--space-8,.8rem) var(--space-16,1.6rem)}.c-sig-gen__editor{display:none}.c-sig-gen__editor-layout{align-items:center;display:flex;flex-wrap:wrap;gap:var(--sig-gap);justify-content:center}.c-sig-gen__canvas-wrap{flex-shrink:0;height:20rem;position:relative;width:20rem}.c-sig-gen__canvas{cursor:grab;display:block;height:100%;-webkit-mask-image:var(--mask-url);mask-image:var(--mask-url);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;touch-action:none;width:100%}.c-sig-gen__canvas:active{cursor:grabbing}.c-sig-gen__editor-controls{display:flex;flex:1;flex-direction:column;gap:var(--space-16,1.6rem);min-width:20rem}.c-sig-gen__zoom-label{color:var(--sig-ink);font-size:var(--text-small-size,1.6rem);font-weight:600;margin-bottom:var(--space-6,.6rem)}.c-sig-gen__slider{accent-color:var(--sig-purple);width:100%}.c-sig-gen__editor-actions{display:flex;flex-wrap:wrap;gap:var(--space-8,.8rem)}.c-sig-gen__cta-row{display:flex;flex-wrap:wrap;gap:var(--space-12,1.2rem);margin-top:var(--sig-gap-lg)}.c-sig-gen__status{font-size:var(--text-small-size,1.6rem);margin-top:var(--space-4,.4rem);min-height:1.8rem}.c-sig-gen__status.is-error{color:#d64545}.c-sig-gen__status.is-success{color:#1f9d55}.c-sig-gen__preview-panel{background:var(--sig-card);border:1px solid var(--sig-line);border-radius:var(--sig-radius);margin-top:var(--sig-gap-lg);padding:var(--sig-gap-lg) var(--sig-gap) var(--sig-gap)}.c-sig-gen__preview-label{color:var(--sig-muted);font-size:1.3rem;font-weight:700;letter-spacing:.04em;margin:0 0 var(--space-16,1.6rem);text-transform:uppercase}.c-sig-gen__preview-surface{overflow-x:auto}.c-sig-gen__preview-surface img{height:auto;margin-left:0!important;max-width:none}