.sign-hint{z-index:5;color:#fff;background:#1e3a8a;margin:-24px -24px 16px;padding:10px 24px;font-size:15px;position:sticky;top:0}.sign-pages{justify-items:center;gap:20px;display:grid}.sign-page{box-shadow:var(--paper-shadow);background:#fff;max-width:100%;position:relative}.sign-page canvas{max-width:100%;height:auto;display:block}.sign-page.arming{cursor:crosshair;outline:2px dashed var(--blue);outline-offset:4px}.sig{border:1.5px dashed var(--blue);touch-action:none;cursor:move;position:absolute}.sig img{pointer-events:none;user-select:none;width:100%;height:100%}.sig .del,.sig .grip{background:var(--blue);color:#fff;border:0;border-radius:50%;place-items:center;width:28px;height:28px;display:grid;position:absolute}.sig .del{top:-14px;right:-14px}.sig .grip{cursor:nwse-resize;touch-action:none;bottom:-14px;right:-14px}.sig .del svg,.sig .grip svg{width:15px;height:15px}.stamp-list{gap:8px;display:grid}.stamp-btn{border:2px dashed var(--line-strong);min-height:72px;color:var(--ink-2);background:#fff;border-radius:12px;justify-content:center;align-items:center;padding:8px;font-size:15.5px;font-weight:600;display:flex}.stamp-btn[aria-pressed=true]{border-style:solid;border-color:var(--blue);background:var(--blue-tint)}.stamp-preview img{max-width:100%;max-height:56px}.pad-sub{color:var(--ink-2);margin-top:6px;font-size:15px}.pad-canvas{border:1px dashed var(--line-strong);background:repeating-linear-gradient(transparent 0 169px, var(--line) 169px 170px, transparent 170px 220px), #fcfcfd;border-radius:10px;width:100%;height:220px;margin-top:14px}.pad-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-top:14px;display:flex}.pad-colors{gap:14px;margin-right:auto;font-size:14.5px;display:flex}.pad-colors label{cursor:pointer;align-items:center;gap:6px;min-height:44px;display:inline-flex}.pad-colors input{accent-color:var(--blue)}.pad-colors .sw{border-radius:50%;width:14px;height:14px}@media (width<=900px){.sign-hint{margin:-16px -16px 12px;padding:10px 16px}}