.signature-studio-overlay{z-index:1000;backdrop-filter:blur(8px);background:#0f172aad;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.signature-studio{color:#172033;background:#fff;border:1px solid #cbd5e1;border-radius:1.25rem;width:min(56rem,100%);max-height:min(48rem,100dvh - 2rem);overflow:auto;box-shadow:0 30px 80px #0f172a47}.signature-studio__header,.signature-studio__footer{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.25rem;display:flex}.signature-studio__header{z-index:3;backdrop-filter:blur(10px);background:#fffffff5;border-block-end:1px solid #e2e8f0;position:sticky;inset-block-start:0}:root.dark-theme .signature-studio{color:#f8fafc;background:#111827;border-color:#334155}:root.dark-theme .signature-studio__header,:root.dark-theme .signature-studio__footer{background:#111827f7;border-color:#334155}:root.dark-theme .signature-studio__subtitle,:root.dark-theme .signature-studio__hint,:root.dark-theme .signature-studio__status,:root.dark-theme .signature-studio__style-name{color:#cbd5e1}:root.dark-theme .signature-studio__preview,:root.dark-theme .signature-studio__upload-card{background:#172033;border-color:#334155}:root.dark-theme .signature-studio__tabs{background:#1e293b}:root.dark-theme .signature-studio__tab,:root.dark-theme .signature-studio__button,:root.dark-theme .signature-studio__close,:root.dark-theme .signature-studio__style,:root.dark-theme .signature-studio__input{color:#f8fafc;background:#172033;border-color:#475569}:root.dark-theme .signature-studio__tab[aria-selected=true],:root.dark-theme .signature-studio__style[aria-pressed=true]{color:#fff;background:#183d32;border-color:#5d947f}:root.dark-theme .signature-studio__button--primary{background:#1f6b56;border-color:#3a8f72}:root.dark-theme .signature-studio__label,:root.dark-theme .signature-studio__check{color:#e2e8f0}:root.dark-theme .signature-studio__privacy{color:#86efac}.signature-studio__eyebrow{color:#1f6b56;letter-spacing:.09em;text-transform:uppercase;margin:0 0 .2rem;font-size:.7rem;font-weight:800}.signature-studio__title{margin:0;font-size:clamp(1.15rem,2vw,1.45rem);line-height:1.2}.signature-studio__subtitle,.signature-studio__hint,.signature-studio__status{color:#526176;margin:0;font-size:.78rem;line-height:1.5}.signature-studio__close,.signature-studio__button,.signature-studio__tab,.signature-studio__style,.signature-studio__swatch{color:#172033;min-width:2.75rem;min-height:2.75rem;font:inherit;cursor:pointer;background:#fff;border:1px solid #cbd5e1;border-radius:.75rem}.signature-studio__close{flex:none;font-size:1.35rem}.signature-studio__body{gap:1rem;padding:1.1rem 1.25rem;display:grid}.signature-studio__preview{background:#f8fafc;border:1px solid #dde4df;border-radius:1rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.8rem;padding:.75rem;display:grid}.signature-studio__preview-image{background-color:#fff;background-image:linear-gradient(45deg,#eef2f7 25%,#0000 25%),linear-gradient(-45deg,#eef2f7 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#eef2f7 75%),linear-gradient(-45deg,#0000 75%,#eef2f7 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px;border:1px solid #dde4df;border-radius:.75rem;place-items:center;min-height:6rem;display:grid;overflow:hidden}.signature-studio__preview-image img{object-fit:contain;width:auto;max-width:100%;height:5rem;display:block}.signature-studio__tabs{background:#edf2ef;border-radius:.9rem;grid-template-columns:repeat(3,1fr);gap:.35rem;padding:.3rem;display:grid}.signature-studio__tab{background:0 0;border-color:#0000;font-size:.82rem;font-weight:750}.signature-studio__tab[aria-selected=true]{color:#1f6b56;background:#fff;border-color:#b7d9cc;box-shadow:0 2px 8px #102a231a}.signature-studio__panel{gap:.9rem;display:grid}.signature-studio__panel[hidden]{display:none}.signature-studio__canvas-wrap{background-color:#fff;background-image:linear-gradient(45deg,#f1f5f9 25%,#0000 25%),linear-gradient(-45deg,#f1f5f9 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#f1f5f9 75%),linear-gradient(-45deg,#0000 75%,#f1f5f9 75%);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px solid #b9c7c0;border-radius:.9rem;position:relative;overflow:hidden}.signature-studio__canvas{cursor:crosshair;touch-action:none;width:100%;height:clamp(10rem,27vw,15rem);display:block}.signature-studio__canvas:focus-visible,.signature-studio__button:focus-visible,.signature-studio__tab:focus-visible,.signature-studio__style:focus-visible,.signature-studio__close:focus-visible,.signature-studio__input:focus-visible,.signature-studio__file-label:focus-within{outline-offset:2px;outline:3px solid #1f6b5647}.signature-studio__tools,.signature-studio__swatches,.signature-studio__styles{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.signature-studio__button{padding-inline:.9rem;font-size:.78rem;font-weight:700}.signature-studio__button:disabled{cursor:not-allowed;opacity:.5}.signature-studio__button--primary{color:#fff;background:#1f6b56;border-color:#1f6b56}.signature-studio__button--quiet{color:#526176;border-color:#0000}.signature-studio__swatch{min-width:2.75rem;padding:0;position:relative}.signature-studio__swatch:before{background:var(--signature-swatch,#172033);content:"";border-radius:999px;position:absolute;inset:.7rem}.signature-studio__swatch[aria-pressed=true]{border-color:#1f6b56;box-shadow:inset 0 0 0 2px #fff,0 0 0 2px #1f6b56}.signature-studio__field{gap:.4rem;display:grid}.signature-studio__label{color:#344258;font-size:.76rem;font-weight:750}.signature-studio__input{box-sizing:border-box;color:#172033;width:100%;min-height:3rem;font:inherit;background:#fff;border:1px solid #b9c7c0;border-radius:.75rem;padding:.65rem .8rem}.signature-studio__styles{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.signature-studio__style{text-align:start;align-content:center;justify-items:start;min-height:5rem;padding:.65rem .8rem;display:grid}.signature-studio__style[aria-pressed=true]{background:#f4f8f6;border-color:#1f6b56;box-shadow:inset 0 0 0 1px #1f6b56}.signature-studio__style-name{color:#526176;font-family:var(--font-sans,system-ui, sans-serif);letter-spacing:normal;font-size:.68rem;font-style:normal;font-weight:700}.signature-studio__style-sample{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:1.45rem;line-height:1.3;overflow:hidden}.signature-studio__upload-card{text-align:center;background:#f8fafc;border:1px dashed #9cafa3;border-radius:1rem;place-items:center;min-height:11rem;padding:1rem;display:grid}.signature-studio__file-label{color:#1f6b56;cursor:pointer;background:#e7f1ed;border-radius:.75rem;justify-content:center;align-items:center;min-height:2.75rem;padding-inline:1rem;font-size:.8rem;font-weight:750;display:inline-flex}.signature-studio__file-input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.signature-studio__check{color:#344258;align-items:flex-start;gap:.55rem;font-size:.78rem;display:flex}.signature-studio__check input{accent-color:#1f6b56;width:1.05rem;height:1.05rem;margin-block-start:.1rem}.signature-studio__status[aria-invalid=true]{color:#b91c1c}.signature-studio__privacy{color:#166534;align-items:center;gap:.45rem;font-size:.72rem;font-weight:700;display:flex}.signature-studio__footer{z-index:3;backdrop-filter:blur(10px);background:#fffffff7;border-block-start:1px solid #e2e8f0;position:sticky;inset-block-end:0}@media (width<=640px){.signature-studio-overlay{align-items:end;padding:0}.signature-studio{border-radius:1.2rem 1.2rem 0 0;max-height:94dvh}.signature-studio__header,.signature-studio__body,.signature-studio__footer{padding-inline:1rem}.signature-studio__preview{grid-template-columns:1fr}.signature-studio__preview .signature-studio__button{width:100%}.signature-studio__styles{grid-template-columns:1fr}.signature-studio__footer{grid-template-columns:1fr 1fr;display:grid}.signature-studio__footer .signature-studio__privacy{grid-column:1/-1}.signature-studio__footer .signature-studio__tools{grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}}@media (prefers-reduced-motion:no-preference){.signature-studio{animation:.16s ease-out signature-studio-enter}@keyframes signature-studio-enter{0%{opacity:0;transform:translateY(8px)scale(.99)}}}@media (forced-colors:active){.signature-studio-overlay,.signature-studio,.signature-studio__header,.signature-studio__footer{forced-color-adjust:auto}.signature-studio__swatch:before{border:2px solid buttontext}}