.signature-output{flex-direction:column;gap:1rem;min-block-size:25rem;padding:1.75rem;display:flex}.signature-result-body{min-block-size:25rem}.signature-output h3{margin:0}.signature-preview,.signature-pad{aspect-ratio:10/3;background-color:#fff;background-image:conic-gradient(#e5e7eb 25%,transparent 0 50%,#e5e7eb 0 75%,transparent 0);border:1px solid var(--color-editorial-rule);background-size:16px 16px;border-radius:.5rem;inline-size:100%}.signature-preview{place-items:center;display:grid;position:relative;overflow:clip}.signature-preview>svg{block-size:100%;inline-size:100%;position:absolute;inset:0}.signature-pad{touch-action:none;margin-block:.75rem;display:block}.signature-pad-label{color:var(--color-white);font-size:.875rem}.signature-original{background:var(--color-editorial-ending-panel);block-size:8rem}.signature-original img{object-fit:contain;block-size:100%;inline-size:100%}.signature-file{padding-block-start:1rem;font-size:.8rem}.signature-file::file-selector-button{font:inherit;margin-inline-end:.5rem;padding:.5rem}.signature-output .tool-actions{margin-block-start:auto}