.sign-preview-gallery{margin:24px 0 32px}.sign-preview-gallery>h3{margin:0 0 8px;font-size:22px}.sign-preview-gallery>p{max-width:800px;line-height:1.6}.sign-preview-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.interactive-sign-card{min-width:0;border:1px solid var(--brand-line,#bbcbd4);border-radius:6px;background:var(--brand-surface,#fff);color:#173b51;overflow:hidden}.sign-preview-poster{background:#e7eef3;padding:24px}.sign-preview-poster :is(svg,img){display:block;width:100%;height:200px}.sign-preview-body{padding:18px}.sign-preview-body h4{font-size:20px;margin:0 0 8px}.sign-preview-body p{font-size:14px;line-height:1.6}.sign-preview-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.interactive-sign-card button,.sign-preview-actions a{min-height:44px;cursor:pointer;border:1px solid #6c8798;border-radius:4px;padding:10px 14px;background:#fff;color:#173b51;font:inherit}.interactive-sign-card button:focus-visible,.sign-preview-actions a:focus-visible,.interactive-sign-card canvas:focus-visible{outline:3px solid #0072ce;outline-offset:3px}.interactive-sign-card button:disabled{opacity:.65;cursor:default}.sign-preview-scene{padding:12px}.sign-preview-scene canvas{height:330px!important;max-height:50vh!important}.sign-preview-scene :is(.actions,button){max-width:100%}.sign-preview-status{min-height:24px;margin:12px 0 0}.interactive-sign-card [hidden]{display:none!important}.proof-sign-preview{margin:20px 0;break-inside:avoid}@media(max-width:700px){.sign-preview-grid{grid-template-columns:1fr}.sign-preview-poster :is(svg,img){height:180px}.sign-preview-scene canvas{height:290px!important}}@media print{.proof-sign-preview,.sign-preview-gallery{display:none!important}}

.sign-preview-placeholder{min-height:330px;display:grid;place-items:center;background:#e8eef2;color:#173b51}.sign-preview-placeholder p{padding:24px}.sign-preview-gallery .sign-preview-body small{display:block;margin-top:12px}