.step{padding:8px 10px;border-radius:10px;background:rgba(255,255,255,.08)}.steps{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.sig-preview{height:100px;border:1px dashed rgba(255,255,255,.4);border-radius:10px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#fff;color:#333}.sig-preview img{max-width:100%;max-height:100%;background:#fff}.modal{position:fixed;inset:0;background:rgba(0,0,0,.55);display:none;align-items:center;justify-content:center;padding:16px;z-index:50}.modal.show{display:flex}.modal-card{width:min(700px,100%);padding:14px}.canvas-wrap{border:1px solid rgba(255,255,255,.2);border-radius:10px;overflow:hidden;background:#fff}.canvas-wrap canvas{display:block;width:100%;height:280px;background:#fff;touch-action:none}.qr-wrap{display:flex;justify-content:center;align-items:center;padding:12px;background:#fff;border-radius:10px;margin:10px 0}.qr-wrap img{width:220px;height:220px}